.share-container{position:relative;display:flex;gap:32px}
.share-container .share-button{width:44px;height:44px;display:flex;padding:10px;border-radius:60px;color:#333f48;border:1px solid #333f48;background:#fff;cursor:pointer;justify-content:center}
.share-container .share-button .icon{font-size:23px;transition:transform ease .3s;transform:rotate(0)}
.share-container .share-button:hover,.share-container .share-button:focus-visible{background-color:#da291c;color:#fff;border:1px solid #da291c}
.share-container .share-content{width:fit-content;display:flex;transform-origin:top;transform:scaleY(0);opacity:0;flex-direction:column;gap:8px;padding:8px;margin-top:8px;border-radius:40px;box-shadow:0 4px 4px 4px rgba(0,0,0,0.12);background:#FFF;position:absolute;z-index:2;top:40px;left:-8px;transition:transform .3s ease,opacity .3s ease}
.share-container .share-content .social-media-button{width:44px;height:44px;display:flex;padding:10px;border-radius:60px;color:#fff;border:1px solid #333f48;background:#333f48;cursor:pointer;transition:transform .3s ease,opacity .3s ease}
.share-container .share-content .social-media-button .icon{font-size:23px}
.share-container .share-content .social-media-button:hover,.share-container .share-content .social-media-button:focus-visible{transform:scale(1.15)}
.share-container .share-content .social-media-button .icon--message{font-size:20px}
.share-container.open .share-button{background-color:#da291c;color:#fff;border:1px solid #da291c}
.share-container.open .share-button i{transform:rotate(90deg)}
.share-container.open .share-content{transform:scaleY(1);opacity:1}