.share-container{position:relative;display:inline-block}.share-btn{display:flex;align-items:center;text-decoration:none;padding:8px 12px;border-radius:4px;background-color:#f5f5f5;transition:background-color .3s}.share-btn img{width:16px;height:16px;margin-right:6px}.share-btn p{margin:0;color:#333}.share-options{position:absolute;top:100%;left:0;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:8px;display:flex;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:100}.share-container:hover .share-options{opacity:1;visibility:visible;justify-content:space-around}.share-options a{width:45px!important;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 4px;text-decoration:none;transition:transform .2s,background-color .3s}.share-options a:hover{transform:scale(1.1)}.share-options a:first-child{margin-left:0}.share-options a:last-child{margin-right:0}.share-options .facebook-icon{background-color:transparent}.share-options .facebook-icon:hover{background-color:#3b5998}.share-options .x-icon{background-color:transparent}.share-options .x-icon:hover{background-color:#000}.share-options .linkedin-icon{background-color:transparent}.share-options .linkedin-icon:hover{background-color:#0077b5}.share-options .whatsapp-icon{background-color:transparent}.share-options .whatsapp-icon:hover{background-color:#25d366}.share-options img,.share-options svg{width:20px;height:20px;display:block;transition:filter .3s,color .3s}.share-options a:hover img{filter:brightness(0) invert(1)}.share-options a:hover svg{color:#fff}@media (max-width:768px){.share-options{position:fixed;bottom:0;left:0;right:0;top:auto;transform:translateX(0);width:100%;justify-content:center;border-radius:16px 16px 0 0;padding:20px 10px;box-shadow:0 -2px 10px rgba(0,0,0,.2);z-index:1000}.share-options.active{opacity:1;visibility:visible}.share-container.mobile .share-options{display:none}.share-container.mobile .share-options.active{display:flex}.share-options.active:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}.native-share-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 8px;background-color:#333;transition:transform .2s,background-color .3s}.native-share-icon:hover{transform:scale(1.1);background-color:#555}.native-share-icon img{width:28px;height:28px;display:block;filter:brightness(0) invert(1)}}