.share-btn{position:relative;border:none;background:#2e4873;color:#fff;border-radius:50%;width:50px;height:50px;left:35%;font-size:25px;padding-top:2.5px;padding-right:5px;cursor:pointer;z-index:2}.share-options{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:90%;max-width:500px;height:auto;border-radius:20px;background:#0f0f0fbf;color:#fff;padding:30px;font-family:roboto;transition:.3s;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4}.share-options.active{transform:translate(-50%,-50%) scale(1);transition-delay:0s}.title{opacity:0;transition:.3s;transition-delay:0s;font-size:28px;text-transform:capitalize;border-bottom:1px solid #fff;width:-moz-fit-content;width:fit-content;padding:0 25px 5px 0}.social-media{opacity:0;transition:.3s;transition-delay:0s;width:300px;height:150px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:15px 0}.social-media-btn{border:none;width:65px;height:65px;border-radius:50%;background:#000;color:#fff;line-height:65px;font-size:30px;cursor:pointer;margin:10px 0;text-align:center;flex:0 0 calc(25% - 10px)}a:nth-child(1) .social-media-btn{background:#fff;color:#6a5acd}a:nth-child(2) .social-media-btn{background:#25d366}a:nth-child(3) .social-media-btn{background:#e4405f}a:nth-child(4) .social-media-btn{background:#08a0e9}a:nth-child(5) .social-media-btn{background:#1877f2}a:nth-child(6) .social-media-btn{background:#0a66c2}a:nth-child(7) .social-media-btn{background:#ecb22e}a:nth-child(8) .social-media-btn{background:#fff;color:#000}.link-container{opacity:0;transition:.3s;transition-delay:0s;width:100%;position:relative;height:50px;display:flex;align-items:center;border-radius:50px;background-color:#fff;overflow:hidden;padding:0 15px}.link{width:80%;height:100%;line-height:50px;color:#000}.copy-btn{position:absolute;right:0;cursor:pointer;background:#000;color:#fff;border:none;height:100%;width:40%;text-transform:capitalize;font-size:18px}.share-options.active .title,.share-options.active .social-media,.share-options.active .link-container{opacity:1;transition:.2s;transition-delay:.2s}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#fff!important}.status-dot{height:10px;width:10px;background-color:#bbb;border-radius:50%;display:inline-block}