.btn{position:relative;display:block}.btn::before,.btn::after{content:'';position:absolute;left:50%;transform:translatex(-50%);width:30px;height:2px;border-radius:10px;transition:.5s;transition-delay:.5s}.btn::before{bottom:-1px;background:red}.btn::after{top:-1px;background:red}@media(min-width:769px){.btn:hover::before{bottom:0;width:80%;height:50%;border-radius:30px}.btn:hover::after{top:0;width:80%;height:50%;border-radius:30px}}.btn>a,.btn>label{position:relative;display:block;padding:0 16px;text-align:center;text-decoration:none;color:#fff;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);box-shadow:0 15px 15px rgba(0,0,0,.3);backdrop-filter:blur(15px);transition:.5s;overflow:hidden;z-index:1}.btn>a{line-height:34px;font-size:16px}.btn>a>i{line-height:34px;font-size:22px}.btn>label>i{display:block;line-height:22px;font-size:16px}.btn>a>span,.btn>label>span{display:block;line-height:12px;font-size:9px;font-style:italic;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn-br-x4>a,.btn-br-x4>label{border-radius:4px}.btn-br-x18>a,.btn-br-x18>label{border-radius:18px}.btn>a::before,.btn>label::before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to left,rgba(255,255,255,.15),transparent);transform:skewX(45deg) translate(0);transition:.5s;filter:blur(0)}@media(min-width:769px){.btn:hover>a::before,.btn:hover>label::before{transform:skewX(45deg) translate(200px)}}.btn-red::before,.btn-red::after{background:darkred;box-shadow:0 0 5px darkred,0 0 15px darkred,0 0 30px darkred,0 0 60px darkred}.btn-green::before,.btn-green::after{background:darkgreen;box-shadow:0 0 5px darkgreen,0 0 15px darkgreen,0 0 30px darkgreen,0 0 60px darkgreen}.btn-blue::before,.btn-blue::after{background:royalblue;box-shadow:0 0 5px royalblue,0 0 15px royalblue,0 0 30px royalblue,0 0 60px royalblue}