@layer components.share{:host{contain:layout style;display:inline-flex}button{all:unset;display:var(--ec-share-button-display,inline-flex);align-items:center;justify-content:var(--ec-share-button-justify,initial);gap:var(--ec-share-button-gap,.5em);width:var(--ec-share-button-width,auto);cursor:pointer;color:inherit;font-family:inherit;font-size:inherit}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius,4px)}button:hover{opacity:var(--ec-share-button-hover-opacity,.8)}button:active{transform:var(--ec-share-button-active-transform,scale(var(--interactive-scale,.98)))}@media (prefers-reduced-motion:reduce){button:active{transform:none}}}