@keyframes diagonalFlash{0%{top:-100%;left:-100%}to{top:100%;left:100%}}.buttonBase{text-transform:uppercase;cursor:pointer;letter-spacing:.05em;border:none;border-radius:4px;padding:.8rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.default{color:#fff;background:0 0;border:1px solid #fff}.default:hover{color:#332869;background-color:#fff;box-shadow:0 8px 16px #0000004d}.default:disabled{opacity:.5;cursor:not-allowed}.primary{color:gold;background:#4c1d951a;border:2px solid;border-image:linear-gradient(206deg,gold 0%,#835e1a 100%) 1;position:relative;overflow:hidden}.primary:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#ffeba899,#0000);width:100%;height:100%;animation:none;position:absolute;top:-100%;left:-100%}.primary:hover{color:#0a0a12;background:linear-gradient(206deg,gold 0%,#835e1a 100%);border:2px solid #0000;box-shadow:0 0 20px 10px #ffd70066}.primary:hover:after{animation:.6s ease-in-out forwards diagonalFlash}.primary:disabled{opacity:.5;cursor:not-allowed;animation:none}.primary:disabled:after{animation:none!important}.secondary{color:gold;background:0 0;border:1px solid gold}.secondary:hover{color:#0a0a12;background-color:gold;box-shadow:0 8px 16px #0000004d}.secondary:disabled{opacity:.5;cursor:not-allowed}