.social-accounts {
    display: flex;
    gap: 9px;
    margin-top: 22px;
}

.social-account {
    display: grid !important;
    place-items: center;
    width: 36px;
    height: 36px;
    margin-top: 0 !important;
    border: 1px solid #577180;
    border-radius: 50%;
    color: var(--gold) !important;
    text-decoration: none;
    transition: .2s;
}

.social-account:hover,
.social-account:focus-visible {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--navy-deep) !important;
    transform: translateY(-2px);
}

.social-account > span {
    display: grid;
    place-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 800;
}

.social-account--facebook > span::before { content: "f"; }
.social-account--linkedin > span::before { content: "in"; font-size: 11px; }
.social-account--instagram > span::before { content: "◎"; font-size: 19px; }
.social-account--threads > span::before { content: "@"; font-size: 17px; }
.social-account--x > span::before { content: "X"; }
.social-account--youtube > span::before { content: "▶"; font-size: 12px; }
.social-account--bluesky > span::before { content: "B"; }
.social-account--mastodon > span::before { content: "M"; }
.social-account--tiktok > span::before { content: "♪"; }