.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-basis:100%;margin-block:12px 0}
.social-links a{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;flex:none;border:1px solid currentColor;border-radius:7px;color:inherit;text-decoration:none}
.social-links svg{display:block;inline-size:20px;block-size:20px;fill:currentColor}
.social-links a:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.social-links a:focus-visible{outline:3px solid var(--copper,#b96745);outline-offset:3px}
@media(forced-colors:active){.social-links a:focus-visible{outline-color:Highlight}}