:root{--text-color:#2dd4bf;--shadow-color:hsla(173,63%,50%,.3);--btn-color:#0d9488;--hover-color:#115e59;--bg-color:#0f172a}.custom-button{position:relative;padding:10px 20px;border:none;background:none;cursor:pointer;font-weight:400;text-transform:uppercase;font-size:18px;color:var(--text-color);box-shadow:var(--shadow-color) 2px 2px 22px;border-radius:4px;z-index:0;overflow:hidden;letter-spacing:5px}.custom-button:focus{outline-color:transparent;box-shadow:var(--text-color) 2px 2px 22px}.custom-button:after,.right:after{content:var(--content);display:block;position:absolute;white-space:nowrap;padding:44px 42px;pointer-events:none}.custom-button:after{font-weight:200;top:-34px;left:-22px}.left,.right{position:absolute;width:100%;height:100%;top:0}.right{left:66%}.left{right:66%}.right:after{top:-33px;left:calc(-66% - 20px);background-color:var(--hover-color);color:transparent;transition:transform .4s ease-out;transform:translateY(-90%) rotate(0deg)}.custom-button:hover .right:after{transform:translateY(-47%) rotate(0deg)}.custom-button .right:hover:after{transform:translateY(-50%) rotate(-7deg)}.custom-button .left:hover~.right:after{transform:translateY(-50%) rotate(7deg)}.custom-button:before{content:"";pointer-events:none;opacity:.6;background:radial-gradient(circle at 20% 35%,transparent 0,transparent 2px,var(--text-color) 3px,var(--text-color) 4px,transparent 4px),radial-gradient(circle at 75% 44%,transparent 0,transparent 2px,var(--text-color) 3px,var(--text-color) 4px,transparent 4px),radial-gradient(circle at 46% 52%,transparent 0,transparent 4px,var(--text-color) 5px,var(--text-color) 6px,transparent 6px);width:100%;height:300%;top:0;left:0;position:absolute;animation:bubbles 5s linear infinite both}@keyframes bubbles{0%{transform:translate()}to{transform:translateY(-66.666%)}}