.btn{z-index:200;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 30px;font-size:1.5rem;font-weight:400;border:none;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;transition:all .3s;overflow:hidden;height:180px;width:300px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.left-span{left:0;border-left:1px solid #ffffff86}.left-span,.right-span{position:absolute;height:180px;width:15px;border-top:1px solid #ffffff86;border-bottom:1px solid #ffffff86;transition:all .5s}.right-span{right:0;border-right:1px solid #ffffff86}.text-btn{transform:translateX(0);width:200px;font-size:1.4rem}.hidden-text-btn,.text-btn{position:absolute;transition:all .2s}.hidden-text-btn{transform:translateX(300px);opacity:0;font-size:1.5rem}.btn:hover .text-btn{transform:translateX(-300px);opacity:0}.btn:hover .hidden-text-btn{transform:translateX(0);opacity:1}.btn:hover .left-span,.btn:hover .right-span{width:100%;opacity:1}