.contact-intro {
    color: var(--text-muted);
    margin-bottom: var(--space-md);
}

.contact-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-size: 1.25rem;
    color: var(--text);
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 2px solid var(--accent);
    transition: color 0.2s;
}

.contact-link:hover {
    color: var(--accent);
}

.contact-link-icon {
    transition: transform 0.2s;
}

.contact-link:hover .contact-link-icon {
    transform: translateX(4px);
}