.social-links {

    display: flex;

    align-items: center;

    gap: 14px;

    justify-self: start;

}


.social-links a {

    width: 40px;
    height: 40px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(199,152,59,.85);

    border-radius: 50%;

    color: var(--gold-light);

    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease;

}


.social-links a:hover {

    transform: translateY(-2px);

    background: var(--gold);

    color: white;

}


.social-links svg {

    width: 19px;
    height: 19px;

    fill: currentColor;

    stroke: currentColor;

    stroke-width: 1.4;

}


.mobile-social {

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    padding-bottom: 25px;

    margin-bottom: 8px;

    border-bottom:
        1px solid
        rgba(255,255,255,.10);

}


.mobile-social a {

    width: 44px;
    height: 44px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid
        var(--gold);

    border-radius: 50%;

    color: var(--gold-light);

}


.mobile-social svg {

    width: 20px;
    height: 20px;

    fill: currentColor;

    stroke: currentColor;

    stroke-width: 1.4;

}