.btn-3,.custom-btn{width:130px;height:40px}.btn-10,.btn-11,.btn-9{overflow:hidden}.btn-12 span,.btn-12:hover span:first-child,.btn-12:hover span:nth-child(2),.custom-btn{box-shadow:inset 2px 2px 2px 0 rgba(255,255,255,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1)}button{margin:20px}.custom-btn{color:#fff;border-radius:5px;padding:10px 25px;font-family:Lato,sans-serif;font-weight:500;background:0 0;cursor:pointer;transition:.3s;position:relative;display:inline-block;outline:0}.btn-3,.btn-4,.btn-5,.btn-6,.btn-7,.btn-8{padding:0;border:none;line-height:42px}.btn-1{background:#060e83;background:linear-gradient(0deg,#060e83 0,#0c19b4 100%);border:none}.btn-1:hover{background:#0003ff;background:linear-gradient(0deg,#0003ff 0,#027efb 100%)}.btn-2{background:#6009f0;background:linear-gradient(0deg,#6009f0 0,#8105f0 100%);border:none}.btn-2:before,.btn-3:before,.btn-7:before,.btn-8:before{height:0%;width:2px}.btn-2:hover{box-shadow:4px 4px 6px 0 rgba(255,255,255,.5),-4px -4px 6px 0 rgba(116,125,136,.5),inset -4px -4px 6px 0 rgba(255,255,255,.2),inset 4px 4px 6px 0 rgba(0,0,0,.4)}.btn-3{background:#00acee;background:linear-gradient(0deg,#00acee 0,#027efb 100%)}.btn-3 span,.btn-4 span,.btn-6 span,.btn-7 span,.btn-8 span{position:relative;display:block;width:100%;height:100%}.btn-12,.btn-12 span,.btn-5{width:130px;height:40px}.btn-3:after,.btn-3:before{position:absolute;content:"";right:0;top:0;background:#027efb;transition:.3s}.btn-3 span:after,.btn-3:after,.btn-7:after,.btn-8:after{width:0%;height:2px}.btn-3:hover{background:0 0;box-shadow:none}.btn-4 span:after,.btn-4 span:before,.btn-4:after,.btn-4:before{content:"";box-shadow:4px 4px 6px 0 rgba(255,255,255,.9),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 rgba(255,255,255,.9),inset 4px 4px 6px 0 rgba(116,125,136,.3);transition:.3s;position:absolute}.btn-3 span:hover:before,.btn-3:hover:before,.btn-4 span:hover:before,.btn-4:hover:before,.btn-7 span:hover:before,.btn-7:hover:before,.btn-8 span:hover:before,.btn-8:hover:before{height:100%}.btn-3 span:hover:after,.btn-3:hover:after,.btn-4 span:hover:after,.btn-4:hover:after,.btn-6 span:hover:after,.btn-6 span:hover:before,.btn-7 span:hover:after,.btn-7:hover:after,.btn-8 span:hover:after,.btn-8:hover:after{width:100%}.btn-3 span:hover{color:#027efb}.btn-3 span:after,.btn-3 span:before{position:absolute;content:"";left:0;bottom:0;background:#027efb;transition:.3s}.btn-3 span:before,.btn-7 span:before,.btn-8 span:before{width:2px;height:0%}.btn-4{background-color:#4dccc6;background-image:linear-gradient(315deg,#4dccc6 0,#96e4df 74%)}.btn-4:hover{background-color:#89d8d3;background-image:linear-gradient(315deg,#89d8d3 0,#03c8a8 74%)}.btn-4:after,.btn-4:before{right:0;top:0}.btn-4:before{height:0%;width:.1px}.btn-4 span:after,.btn-4:after{width:0%;height:.1px}.btn-4 span:after,.btn-4 span:before{left:0;bottom:0}.btn-4 span:before{width:.1px;height:0%}.btn-5{background:#ff1b00;background:linear-gradient(0deg,#ff1b00 0,#fb4b02 100%)}.btn-5:hover{color:#f0094a;background:0 0;box-shadow:none}.btn-5:after,.btn-5:before{content:'';position:absolute;top:0;right:0;height:2px;width:0;background:#f0094a;box-shadow:-1px -1px 5px 0 #fff,7px 7px 20px 0 #0003,4px 4px 5px 0 #0002;transition:.4s}.btn-6 span:after,.btn-6 span:before,.btn-6:after,.btn-6:before{position:absolute;content:"";box-shadow:-1px -1px 20px 0 #fff,-4px -4px 5px 0 #fff,7px 7px 20px 0 rgba(0,0,0,.4),4px 4px 5px 0 rgba(0,0,0,.3)}.btn-5:after{right:inherit;top:inherit;left:0;bottom:0}.btn-5:hover:after,.btn-5:hover:before{width:100%;transition:.8s}.btn-6{background:#f796c0;background:radial-gradient(circle,#f796c0 0,#76aef1 100%)}.btn-6:after,.btn-6:before{height:0%;width:1px}.btn-6:before{right:0;top:0;transition:.5s}.btn-6:after{left:0;bottom:0;transition:.5s}.btn-6:hover{background:0 0;color:#76aef1;box-shadow:none}.btn-6:hover:after,.btn-6:hover:before{transition:.5s;height:100%}.btn-6 span:before{left:0;top:0;width:0%;height:.5px;transition:.5s}.btn-6 span:after{right:0;bottom:0;width:0%;height:.5px;transition:.5s}.btn-7 span:after,.btn-7 span:before,.btn-7:after,.btn-7:before{background:#fb4b02;box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);transition:.3s;position:absolute;content:""}.btn-7{background:linear-gradient(0deg,#ff9700 0,#fb4b02 100%)}.btn-7:after,.btn-7:before{right:0;bottom:0}.btn-9:hover,.btn-9:hover:after{box-shadow:4px 4px 6px 0 rgba(255,255,255,.5),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 rgba(255,255,255,.5),inset 4px 4px 6px 0 rgba(116,125,136,.3)}.btn-7:hover{color:#fb4b02;background:0 0}.btn-10,.btn-11,.btn-11:hover,.btn-13:hover,.btn-15:hover,.btn-9:hover{color:#fff}.btn-7 span:after,.btn-7 span:before{left:0;top:0}.btn-7 span:after,.btn-8 span:after{height:2px;width:0%}.btn-8{background-color:#f0ecfc;background-image:linear-gradient(315deg,#f0ecfc 0,#c797eb 74%)}.btn-8:after,.btn-8:before{position:absolute;content:"";right:0;bottom:0;background:#c797eb;transition:.3s}.btn-10:after,.btn-9:after{content:" ";width:100%;transition:.3s;position:absolute;left:0;z-index:-1;top:0;height:100%}.btn-8:hover{background:0 0}.btn-8 span:hover{color:#c797eb}.btn-8 span:after,.btn-8 span:before{position:absolute;content:"";left:0;top:0;background:#c797eb;transition:.3s}.btn-9{border:none;transition:.3s}.btn-9:after{background-color:#1fd1f9;background-image:linear-gradient(315deg,#1fd1f9 0,#b621fe 74%)}.btn-9:hover{background:0 0}.btn-9:hover:after{-webkit-transform:scale(2) rotate(180deg);transform:scale(2) rotate(180deg)}.btn-10{background:#1609f0;background:linear-gradient(0deg,#1609f0 0,#316ef4 100%);border:none;transition:.3s}.btn-10:after{-webkit-transform:scale(.1);transform:scale(.1)}.btn-10:hover{color:#fff;border:none;background:0 0}.btn-10:hover:after{background:#0003ff;background:linear-gradient(0deg,#027efb 0,#0003ff100%);-webkit-transform:scale(1);transform:scale(1)}.btn-11{border:none;background:#fb2175;background:linear-gradient(0deg,#fb2175 0,#ea4c89 100%)}.btn-11:hover{text-decoration:none;opacity:.7}.btn-11:before{position:absolute;content:'';display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:3s ease-in-out infinite shiny-btn1}.btn-13:after,.btn-14:after{position:absolute;content:"";height:0;left:0;width:100%}.btn-11:active{box-shadow:4px 4px 6px 0 rgba(255,255,255,.3),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 rgba(255,255,255,.2),inset 4px 4px 6px 0 rgba(0,0,0,.2)}.btn-12 span:first-child,.btn-13:after{box-shadow:-7px -7px 20px 0 #fff9,-4px -4px 5px 0 #fff9,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001}@-webkit-keyframes shiny-btn1{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}.btn-12{position:relative;right:20px;bottom:20px;border:none;box-shadow:none;line-height:42px;-webkit-perspective:230px;perspective:230px}.btn-12 span{background:#00acee;background:linear-gradient(0deg,#00acee 0,#027efb 100%);display:block;position:absolute;border-radius:5px;margin:0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s}.btn-12 span:first-child{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 50% -20px;-moz-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px}.btn-12 span:nth-child(2){-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:50% 50% -20px;-moz-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px}.btn-12:hover span:first-child{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0)}.btn-12:hover span:nth-child(2){color:transparent;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg)}.btn-13{background-color:#89d8d3;background-image:linear-gradient(315deg,#89d8d3 0,#03c8a8 74%);border:none;z-index:1}.btn-13:after{bottom:0;z-index:-1;border-radius:5px;background-color:#4dccc6;background-image:linear-gradient(315deg,#4dccc6 0,#96e4df 74%);transition:.3s}.btn-14:hover,.btn-16,.btn-16:hover{color:#000}.btn-13:hover:after{top:0;height:100%}.btn-13:active,.btn-14:active,.btn-15:active,.btn-16:active{top:2px}.btn-14{background:#ff9700;border:none;z-index:1}.btn-14:after{top:0;z-index:-1;border-radius:5px;background-color:#eaf818;background-image:linear-gradient(315deg,#eaf818 0,#f6fc9c 74%);box-shadow:inset 2px 2px 2px 0 rgba(255,255,255,.5)}.btn-15:after,.btn-16:after{position:absolute;content:"";width:0;top:0;z-index:-1;transition:.3s}.btn-14:hover:after{top:auto;bottom:0;height:100%}.btn-15{background:#b621fe;border:none;z-index:1}.btn-15:after{height:100%;right:0;background-color:#663dff;border-radius:5px;box-shadow:inset 2px 2px 2px 0 rgba(255,255,255,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1)}.btn-15:hover:after{left:0;width:100%}.btn-16{border:none}.btn-16:after{height:100%;left:0;direction:rtl;box-shadow:-7px -7px 20px 0 #fff9,-4px -4px 5px 0 #fff9,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001}.btn-16:hover:after{left:auto;right:0;width:100%}