.clickBtn{line-height:35px;border-radius:5px;text-align:center;font-size:14px;color:#000;text-decoration:none;transition:all .35s;box-sizing:border-box;z-index:55}.btn1{color:white;transition:all .5s;border:none}.btn1:hover{box-shadow:inset 5em 0 0 0 #cb98f0,inset -5em 0 0 0 #cb98f0;color:#fff}.btn2{border-color:#dd7e2a;color:white;transition:all .5s}.btn2:hover{box-shadow:inset 0 1.5em 0 0 #dd648a,inset 0 -1.5em 0 0 #dd648a;border-color:#dd648a;color:#fff}.btn3{border-color:#716eef;color:#716eef;transition:all .5s}.btn3:hover{box-shadow:inset 0 0 0 2em #dd648a;border-color:#dd648a;color:#fff}.btn4{position:relative;color:white;overflow:hidden}.btn4:before{width:0;height:100%;position:absolute;top:50%;left:0;background-color:#421973;transform:rotate(-45deg) translate(-50%,-50%);transition:all .3s;content:"";z-index:-1}.btn4:hover{color:#fff}.btn4:hover:before{width:100%;top:0;transform:none}