.button{position:relative;text-decoration:none;color:#fff;background:linear-gradient(45deg,#0ce39a,#69007f,#fc0987);padding:14px 25px;border-radius:10px;font-size:1.25em;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;width:100%}.button span{position:relative;z-index:1}.button:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:#272727;border-radius:9px;transition:.5s}.button:hover:before{opacity:.7}.button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#0ce39a,#69007f,#fc0987);border-radius:9px;transition:.5s;opacity:0;filter:blur(20px)}.button:hover:after{opacity:1}.loader{width:64px;height:64px;position:relative;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 0 20px #fffc}.loader:before{content:"";position:absolute;left:0;bottom:0;width:40px;height:40px;transform:rotate(45deg) translate(30%,40%);background:#ff9371;box-shadow:32px -34px 0 5px #ff3d00;animation:slide 2s infinite ease-in-out alternate}.loader:after{content:"";position:absolute;left:10px;top:10px;width:16px;height:16px;border-radius:50%;background:#ff3d00;transform:rotate(0);transform-origin:35px 145px;animation:rotate 2s infinite ease-in-out}@keyframes slide{0%,to{bottom:-35px}25%,75%{bottom:-2px}20%,80%{bottom:2px}}@keyframes rotate{0%{transform:rotate(-15deg)}25%,75%{transform:rotate(0)}to{transform:rotate(25deg)}}.dot-grid-pattern{background-image:radial-gradient(var(--dot-color, rgba(255, 255, 255, .1)) 1px,transparent 1px);background-size:20px 20px}.mesh-gradient-animated{background-color:#1a1a1a;background-image:radial-gradient(at 40% 20%,rgba(29,78,216,.4) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(124,58,237,.4) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(236,72,153,.4) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(234,179,8,.4) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(22,163,74,.4) 0px,transparent 50%),radial-gradient(at 80% 100%,rgba(220,38,38,.4) 0px,transparent 50%),radial-gradient(at 0% 0%,rgba(255,255,255,.1) 0px,transparent 50%);background-size:150% 150%;animation:mesh-flow 15s ease infinite alternate}@keyframes mesh-flow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 50%}}.shimmer-on-hover{position:relative;overflow:hidden}.shimmer-on-hover:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:skew(-20deg);transition:none}.shimmer-on-hover:hover:after{animation:shimmer-slide 1.5s infinite}@keyframes shimmer-slide{0%{left:-100%}to{left:200%}}