.btn{--btn-gradient:var(--btn-gradient-from),var(--btn-gradient-to);appearance:none;background-color:var(--btn-bg);box-shadow:0 0 2px 2px var(--btn-shadow), 0 0 4px 4px var(--btn-shadow), 0 0 8px 8px var(--btn-shadow);cursor:pointer;border:0;border-radius:9999px;padding:0}.btn,.btn *{box-sizing:border-box}.btn-inner{border-radius:inherit;min-width:12rem;color:var(--btn-text-color);border:1px solid #0000;align-items:center;padding:1.5rem 2rem;font-size:1.125rem;font-weight:700;display:flex;position:relative;overflow:hidden}.btn-label{border-radius:inherit;z-index:10;background-color:var(--btn-bg);background-image:linear-gradient(to bottom,var(--btn-gradient));justify-content:center;align-items:center;display:flex;position:absolute;inset:1px}.btn-blur{z-index:0;filter:blur(6px);position:absolute;inset:1px;transform:scaleX(3.5)}.btn-blur:before{--gradient:var(--btn-color-from), var(--btn-color), var(--btn-color-to);--transition:5s;content:"";z-index:0;background-image:conic-gradient(var(--gradient));animation:turn var(--transition) linear infinite;position:absolute;inset:50% 0 0}.btn:hover,.btn:active{transition:transform .5s ease-in-out;transform:translateY(-1px)}.btn:active .btn-blur:before{--transition:2s}.btn--primary{--btn-bg:#111;--btn-gradient-from:#111;--btn-gradient-to:#ffffff1a;--btn-text-color:#fff;--btn-color:#d4af37;--btn-color-from:#fceeb5;--btn-color-to:#b89012;--btn-shadow:#d4af3726}@keyframes turn{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(1turn)}}.btn:hover .btn-label{color:#000;background-color:#d4af37;background-image:none}