.btn-advanced{position:relative;display:inline-block;overflow:hidden;width:auto;min-width:200px;height:60px;line-height:60px;margin:1rem auto;text-transform:uppercase;border:2px solid;text-decoration:none;color:inherit;font-weight:600;text-align:center;cursor:pointer;transition:all .5s ease-in-out;font-size:16px;letter-spacing:1px}.btn-advanced :after,.btn-advanced :before,.btn-advanced:after,.btn-advanced:before{z-index:-1;transition:all .5s ease-in-out}.btn-swipe{color:#3b82f6;border-color:#3b82f6}.btn-swipe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1d4ed8;transform:translateX(-100%);z-index:-1}.btn-swipe:hover{color:white}.btn-swipe:hover:before{transform:translateX(0)}.btn-diagonal-swipe{color:#059669;border-color:#059669}.btn-diagonal-swipe:before{content:"";position:absolute;top:0;right:-50px;bottom:0;left:0;border-right:50px solid transparent;border-bottom:60px solid #047857;transform:translateX(-100%);z-index:-1}.btn-diagonal-swipe:hover{color:white}.btn-diagonal-swipe:hover:before{transform:translateX(0)}.btn-double-swipe{color:#dc2626;border-color:#dc2626}.btn-double-swipe:after,.btn-double-swipe:before{content:"";position:absolute;top:0;bottom:0;border-bottom:60px solid #b91c1c;z-index:-1}.btn-double-swipe:before{right:-50px;left:0;border-right:50px solid transparent;transform:translateX(-100%)}.btn-double-swipe:after{left:-50px;right:0;border-left:50px solid transparent;transform:translateX(100%)}.btn-double-swipe:hover{color:white}.btn-double-swipe:hover:before{transform:translateX(-40%)}.btn-double-swipe:hover:after{transform:translateX(40%)}.btn-diagonal-close{color:#7c3aed;border-color:#7c3aed}.btn-diagonal-close:after,.btn-diagonal-close:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.btn-diagonal-close:before{right:-50px;border-right:50px solid transparent;border-bottom:60px solid #6d28d9;transform:translateX(-100%)}.btn-diagonal-close:after{left:-50px;border-left:50px solid transparent;border-top:60px solid #6d28d9;transform:translateX(100%)}.btn-diagonal-close:hover{color:white}.btn-diagonal-close:hover:before{transform:translateX(-49%)}.btn-diagonal-close:hover:after{transform:translateX(49%)}.btn-zoning-in{color:#ea580c;border-color:#ea580c}.btn-zoning-in:after,.btn-zoning-in:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:30px solid #c2410c;border-bottom:30px solid #c2410c;z-index:-1}.btn-zoning-in:before{border-right:30px solid transparent;transform:translateX(-100%)}.btn-zoning-in:after{border-left:30px solid transparent;transform:translateX(100%)}.btn-zoning-in:hover{color:white}.btn-zoning-in:hover:before{transform:translateX(-30%)}.btn-zoning-in:hover:after{transform:translateX(30%)}.btn-four-corners{color:#0891b2;border-color:#0891b2}.btn-four-corners .btn-span:after,.btn-four-corners .btn-span:before,.btn-four-corners:after,.btn-four-corners:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0e7490;z-index:-1}.btn-four-corners:before{transform:translate(-100%,-100%)}.btn-four-corners:after{transform:translate(-100%,100%)}.btn-four-corners .btn-span:before{transform:translate(100%,-100%)}.btn-four-corners .btn-span:after{transform:translate(100%,100%)}.btn-four-corners:hover{color:white}.btn-four-corners:hover:before{transform:translate(-50%,-50%)}.btn-four-corners:hover:after{transform:translate(-50%,50%)}.btn-four-corners:hover .btn-span:before{transform:translate(50%,-50%)}.btn-four-corners:hover .btn-span:after{transform:translate(50%,50%)}.btn-slice{color:#be185d;border-color:#be185d}.btn-slice:after,.btn-slice:before{content:"";position:absolute;width:0;height:0;border:0 solid;transform:rotate(1turn);z-index:-1}.btn-slice:before{bottom:0;left:0;border-color:transparent transparent transparent #9d174d}.btn-slice:after{top:0;right:0;border-color:transparent #9d174d transparent transparent}.btn-slice:hover{color:white}.btn-slice:hover:after,.btn-slice:hover:before{border-width:60px 210px}.btn-position-aware{color:#059669;border-color:#059669}.btn-position-aware .btn-span{position:absolute;top:50%;left:50%;display:block;width:0;height:0;border-radius:50%;background-color:#047857;transition:width .4s ease-in-out,height .4s ease-in-out;transform:translate(-50%,-50%);z-index:-1}.btn-position-aware:hover{color:white}.btn-position-aware:hover .btn-span{width:225%;height:450px}.btn-alternate{color:#7c2d12;border-color:#7c2d12}.btn-alternate:after,.btn-alternate:before{top:0}.btn-alternate .btn-span:after,.btn-alternate .btn-span:before,.btn-alternate:after,.btn-alternate:before{content:"";position:absolute;width:25.25%;height:0;background-color:#92400e;transition:height .5s ease-in-out;z-index:-1}.btn-alternate .btn-span:after,.btn-alternate .btn-span:before{bottom:0}.btn-alternate:before{left:0}.btn-alternate:after{left:50%}.btn-alternate .btn-span:before{left:25%}.btn-alternate .btn-span:after{left:75%}.btn-alternate:hover{color:white}.btn-alternate:hover .btn-span:after,.btn-alternate:hover .btn-span:before,.btn-alternate:hover:after,.btn-alternate:hover:before{height:60px}.btn-smoosh{color:#1f2937;border-color:#1f2937}.btn-smoosh:after,.btn-smoosh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#374151;z-index:-1}.btn-smoosh:before{transform:translateY(-100%)}.btn-smoosh:after{transform:translateY(100%)}.btn-smoosh:hover{color:white}.btn-smoosh:hover:before{transform:translateY(-50%)}.btn-smoosh:hover:after{transform:translateY(50%)}.btn-vertical-overlap{color:#9333ea;border-color:#9333ea}.btn-vertical-overlap:after,.btn-vertical-overlap:before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background-color:rgba(147,51,234,.25);transition:height .4s ease-in-out;z-index:-1}.btn-vertical-overlap .btn-span:after,.btn-vertical-overlap .btn-span:before{content:"";position:absolute;left:0;width:100%;height:0;background-color:rgba(147,51,234,.25);transition:height .4s ease-in-out .4s;z-index:-1}.btn-vertical-overlap .btn-span:before,.btn-vertical-overlap:after{top:auto;bottom:0}.btn-vertical-overlap:hover{color:white}.btn-vertical-overlap:hover .btn-span:after,.btn-vertical-overlap:hover .btn-span:before,.btn-vertical-overlap:hover:after,.btn-vertical-overlap:hover:before{height:60px}.btn-horizontal-overlap{color:#dc2626;border-color:#dc2626}.btn-horizontal-overlap:after,.btn-horizontal-overlap:before{content:"";position:absolute;top:0;left:0;width:0;height:60px;background-color:rgba(220,38,38,.25);transition:width .4s ease-in-out;z-index:-1}.btn-horizontal-overlap .btn-span:after,.btn-horizontal-overlap .btn-span:before{content:"";position:absolute;top:0;width:0;height:60px;background-color:rgba(220,38,38,.25);transition:width .4s ease-in-out .4s;z-index:-1}.btn-horizontal-overlap .btn-span:before,.btn-horizontal-overlap:after{left:auto;right:0}.btn-horizontal-overlap:hover{color:white}.btn-horizontal-overlap:hover .btn-span:after,.btn-horizontal-overlap:hover .btn-span:before,.btn-horizontal-overlap:hover:after,.btn-horizontal-overlap:hover:before{width:200px}.btn-collision{color:#0f766e;border-color:#0f766e}.btn-collision:after,.btn-collision:before{content:"";position:absolute;top:50%;width:20px;height:20px;background-color:#0d9488;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.btn-collision:before{left:-20px}.btn-collision:after{right:-20px;transform:translate(50%,-50%)}.btn-collision:hover{color:white}.btn-collision:hover:before{animation:criss-cross-left .8s alternate both}.btn-collision:hover:after{animation:criss-cross-right .8s alternate both}@keyframes criss-cross-left{0%{left:-20px}50%{left:50%;width:20px;height:20px}to{left:50%;width:300px;height:300px}}@keyframes criss-cross-right{0%{right:-20px}50%{right:50%;width:20px;height:20px}to{right:50%;width:300px;height:300px}}.btn-loop-pulse{color:#8b5cf6;border-color:#8b5cf6;animation:continuous-pulse 2s ease-in-out infinite}@keyframes continuous-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-loop-pulse:hover{color:white!important}.btn-loop-float{color:#06b6d4;border-color:#06b6d4;animation:continuous-float 3s ease-in-out infinite}@keyframes continuous-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn-loop-float:hover{color:white!important;background-color:#0891b2}.btn-loop-glow{color:#f59e0b;border-color:#f59e0b;animation:continuous-glow 2s ease-in-out infinite alternate}@keyframes continuous-glow{0%{box-shadow:0 0 5px rgba(245,158,11,.3)}to{box-shadow:0 0 20px rgba(245,158,11,.8),0 0 30px rgba(245,158,11,.4)}}.btn-loop-glow:hover{color:white!important;background-color:#d97706}.btn-loop-wobble{color:#ef4444;border-color:#ef4444;animation:continuous-wobble 2s ease-in-out infinite}@keyframes continuous-wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.btn-loop-wobble:hover{color:white!important;background-color:#dc2626}.btn-loop-heartbeat{color:#ec4899;border-color:#ec4899;animation:continuous-heartbeat 1.5s ease-in-out infinite}@keyframes continuous-heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%,to{transform:scale(1)}}.btn-loop-heartbeat:hover{color:white!important;background-color:#db2777}.btn-loop-bounce{color:#10b981;border-color:#10b981;animation:continuous-bounce 2s ease-in-out infinite}@keyframes continuous-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-8px,0)}90%{transform:translate3d(0,-2px,0)}}.btn-loop-bounce:hover{color:white!important;background-color:#059669}.btn-loop-shake{color:#f97316;border-color:#f97316;animation:continuous-shake 3s ease-in-out infinite}@keyframes continuous-shake{0%,90%,to{transform:translateX(0)}10%,30%,50%,70%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.btn-loop-shake:hover{color:white!important;background-color:#ea580c}.btn-loop-wave{color:#6366f1;border-color:#6366f1;animation:continuous-wave 2.5s ease-in-out infinite}@keyframes continuous-wave{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.05) rotate(1deg)}50%{transform:scale(.95) rotate(0deg)}75%{transform:scale(1.05) rotate(-1deg)}}.btn-loop-wave:hover{color:white!important;background-color:#4f46e5}[dir=rtl] .btn-advanced{text-align:center}[dir=rtl] .btn-swipe:before{transform:translateX(100%)}[dir=rtl] .btn-swipe:hover:before{transform:translateX(0)}[dir=rtl] .btn-diagonal-swipe:before{right:0;left:-50px;border-right:none;border-left:50px solid transparent;transform:translateX(100%)}[dir=rtl] .btn-diagonal-swipe:hover:before{transform:translateX(0)}@media (max-width:768px){.btn-advanced{min-width:150px;height:50px;line-height:50px;font-size:14px}.btn-diagonal-close:after,.btn-diagonal-close:before,.btn-diagonal-swipe:before,.btn-double-swipe:after,.btn-double-swipe:before{border-bottom-width:50px;border-top-width:50px}.btn-zoning-in:after,.btn-zoning-in:before{border-top-width:25px;border-bottom-width:25px}.btn-slice:hover:after,.btn-slice:hover:before{border-width:50px 175px}.btn-horizontal-overlap .btn-span:after,.btn-horizontal-overlap .btn-span:before,.btn-horizontal-overlap:after,.btn-horizontal-overlap:before,.btn-smoosh:after,.btn-smoosh:before,.btn-vertical-overlap .btn-span:after,.btn-vertical-overlap .btn-span:before,.btn-vertical-overlap:after,.btn-vertical-overlap:before{height:50px}.btn-horizontal-overlap:hover .btn-span:after,.btn-horizontal-overlap:hover .btn-span:before,.btn-horizontal-overlap:hover:after,.btn-horizontal-overlap:hover:before{width:175px}}