.social-links {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-xs);
    list-style: none;
    margin-left: 0;
}

.social-links svg {
    width: 32px;
    height: 32px;
    fill: var(--green_2);
    transition: all 0.3s;
}

.social-links svg path {
    color: var(--color-primary);
    transition: color 0.2s ease-out;
}

.social-links a:hover svg path {
    color: var(--color-primary--200);
}