.butn{padding:15px 35px;font-size:13px;border:1px solid transparent;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.butn:hover .char{-webkit-animation:fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;animation:fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;-webkit-animation-delay:calc(30ms * var(--char-index));animation-delay:calc(30ms * var(--char-index))}.butn.bord{border:1px solid #000}.butn.bord:hover{background:#111;color:#fff}.butn.light{background:#fff;color:#333}.butn.light:hover{background:transparent;border-color:#fff;color:#fff}.butn.dark{background:#222;color:#fff}.butn.dark:hover{background:transparent;border-color:#222;color:#333}.butn.color{background:-webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));background:-webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);background:-o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);background:linear-gradient(to right, #12c2e9, #c471ed, #f64f59);border:transparent}.butn.color:hover{background:#fff;color:#111}.butn.curve{border-radius:5px}.butn.radius{border-radius:30px}[data-overlay-dark] .butn.bord{border-color:#fff}[data-overlay-dark] .butn.bord:hover{background:#fff}[data-overlay-dark] .butn.bord:hover span{color:#111}.simple-btn{position:relative;padding:7px;display:inline-block;text-transform:uppercase;letter-spacing:4px;font-size:13px;font-weight:300}.simple-btn:after{content:'';width:45%;height:100%;background:rgba(0,0,0,0.05);position:absolute;left:0;top:0}.simple-btn.right:after{left:auto;right:0}