@keyframes spriteley-share-notification{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.spriteley-blog-share{display:flex;flex-direction:row;gap:12px;justify-content:right;margin-inline:auto;max-width:800px;.spriteley-blog-share__button{align-items:center;background:var(--spriteley-blog-share-background);border:1px solid #d5d7da;border-radius:8px;color:var(--spriteley-blog-share-color);display:inline-flex;flex-direction:row;font-family:var(--spriteley-typo-ff-p3);font-size:var(--spriteley-typo-fs-p3);font-style:var(--spriteley-typo-fy-p3);font-weight:var(--spriteley-typo-fw-p3);gap:8px;height:40px;letter-spacing:var(--spriteley-typo-ls-p3);line-height:var(--spriteley-typo-lh-p3);padding-block:10px;padding-inline:16px;position:relative;@media(hover:hover){&:hover{background:var(--spriteley-blog-share-background-hover);color:var(--spriteley-blog-share-color-hover)}&:active{background:var(--spriteley-blog-share-background-active);color:var(--spriteley-blog-share-color-active)}}.spriteley-blog-share__copy-notification{background:var(--spriteley-blog-share-background);border:inherit;border-radius:inherit;bottom:calc(100% + 20px);color:var(--spriteley-blog-share-color);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;left:0;letter-spacing:inherit;line-height:inherit;opacity:0;padding-block:10px;padding-inline:16px;position:absolute;width:calc(100% - 32px);z-index:9999;&.spriteley-blog-share__copy-notification--toast{opacity:1;@media (prefers-reduced-motion:reduce){animation:none}animation:spriteley-share-notification 3s ease both}}.spriteley-blog-share__image{height:20px;width:20px}&.spriteley-blog-share__button--icon{box-sizing:border-box;height:40px;padding:10px;width:40px}}}