.social-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}
.social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: inherit;
    border-radius: 6px;
    text-decoration: none;
}
.social-links svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: currentColor;
}
.social-links a:hover {
    background: rgb(255 255 255 / 9%);
    color: inherit;
}
.social-links a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
.game-landing .social-links {
    justify-content: flex-start;
    margin-top: 24px;
}