.custom-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:#0d9488;z-index:1;letter-spacing:.1em;text-indent:.1em;text-align:center;background:0 0;border:none;width:140px;padding:.25em;font-family:inherit;font-size:25px;font-weight:900;display:block;position:relative;overflow:hidden}.custom-button span{z-index:-1;background:0 0;border:3px solid #0d9488;width:100%;height:100%;position:absolute;top:0;left:0}.custom-button span:before{content:"";background:var(--lightgray,#f3f4f6);width:0%;height:500%;transition:all .6s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-60deg)}.custom-button:hover span:before{background:#0d9488;width:100%;transform:translate(-50%,-50%)rotate(-90deg)}.custom-button:hover{color:#fff}.custom-button:active span:before{background:#0f766e}