@layer components{.social-share-button{align-items:center;gap:.5em;width:min-content;text-decoration:none;display:flex}.social-share-button__icon{font-size:1.5em}.social-share-button--styled{--color-hover:color-mix(in srgb,var(--color-brand),#000 15%);background-color:var(--color-brand);color:#fff;border-radius:.25rem;padding:.5rem;font-size:.875rem;line-height:normal;transition:background-color .25s ease-out}.social-share-button--styled:hover{background-color:var(--color-hover)}.social-share-button--styled:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.social-share-button--styled .social-share-button__label{white-space:nowrap;padding:0 .5rem}}.share-buttons{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.share-buttons__items{flex-wrap:wrap;gap:.5rem;display:flex}.share-buttons .social-share-button{color:var(--color-tertiary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem .75rem;text-decoration:none;display:inline-flex;transform:scale(.95)}.share-buttons .social-share-button:hover{background-color:var(--color-brand);color:var(--color-on-media)}.share-buttons .social-share-button:hover .social-share-button__icon svg,.share-buttons .social-share-button:hover svg{fill:currentColor}.share-buttons .social-share-button--copy{--color-brand:var(--color-primary)}.share-buttons--boxed .social-share-button{border:1px solid var(--color-border);color:var(--color-secondary);background:0 0;transform:none}.share-buttons--boxed .social-share-button:hover{color:var(--color-primary);background:var(--color-second)}