.social-btn{position:relative;width:130px;height:35px;border-radius:30px;background-color:#fff;border:1px solid var(--btn-border-color);overflow:hidden;text-decoration:none;display:inline-block;font-family:inherit;box-sizing:border-box}.social-btn .text1{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;padding-left:33px;text-align:center;font-size:14px;font-weight:600;color:#111;transition:opacity .3s}.social-btn .text2{position:absolute;top:50%;transform:translateY(-50%);left:-50px;font-weight:700;font-size:14px;color:#fff;transition:left .6s}.social-btn .icon{position:absolute;top:0;left:0;width:33px;height:33px;display:flex;align-items:center;justify-content:center;transition:transform .5s}.social-btn .icon:before{position:absolute;left:-100px;top:0;z-index:-1;content:"";width:130px;height:33px;border-radius:30px;background:var(--btn-bg)}.social-btn:hover .icon{transform:translate(95px);transition:transform .5s}.social-btn:hover .text2{left:0;width:100%;padding-right:33px;text-align:center;transition:left .6s}.social-btn:hover .text1{opacity:0;transition:opacity .2s}.social-btn:active{transform:scale(.97)}.social-btn.tiktok{--btn-border-color: #111111;--btn-bg: #111111}.social-btn.instagram{--btn-border-color: #FFB700;--btn-bg: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)}.social-btn.x{--btn-border-color: #000000;--btn-bg: #000000}