.social-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:right}.social-links__icon{--size:1.2em;background:rgba(0,0,0,.87);border-radius:calc(var(--size)/16);display:inline-flex;height:var(--size);position:relative;width:var(--size)}.social-links__icon svg{fill:#f6f6f6;height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.social-links__icon:active svg,.social-links__icon:focus svg,.social-links__icon:hover svg{fill:#fff}