.project-card { cursor: pointer; } .project-links { display: flex; gap: 1rem; margin-top: 1rem; } .project-link-icon { width: 24px; height: 24px; transition: transform var(--transition-speed) ease; } .project-link-icon:hover { transform: scale(1.1); } .resource-link { display: flex; align-items: center; gap: 0.5rem; color: var(--text-primary); text-decoration: none; padding: 0.5rem 1rem; border-radius: 4px; background: var(--bg-secondary); transition: transform var(--transition-speed) ease; } .resource-link:hover { transform: translateY(-2px); } .resource-icon { width: 20px; height: 20px; } .tech-tag { background-color: var(--bg-primary); color: var(--text-primary); padding: 0.25rem 0.75rem; border-radius: 1rem; font-size: 0.875rem; border: 1px solid var(--border-color); }