.button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 20px;outline-offset:4px;outline:2px solid rgba(0,0,0,0);line-height:1;transition:border .3s,background .3s ease,transform .3s ease,outline .3s,box-shadow .3s ease}.button--dark{border-color:rgba(0,0,0,0);background:linear-gradient(#2a1b00,#2a1b00) padding-box,linear-gradient(105deg,#ffffff,#6f6c67 50%,#ffffff) border-box;border:var(--button-border-width,1px) solid #5c451e;color:#fff5df;box-shadow:inset 0 0 5px 4px rgba(255,186,49,.11)}.button--dark:hover{background:linear-gradient(rgba(42,27,0,.96),rgba(42,27,0,.96)) padding-box,linear-gradient(105deg,#ffffff,#6f6c67 50%,#ffffff) border-box;box-shadow:inset 0 0 12px 4px rgba(255,186,49,.32)}.button--dark:focus-visible{outline-color:#2a1b00}.button--light{border:var(--button-border-width,1px) solid rgba(0,0,0,0);background:linear-gradient(#fff5df,#fff5df) padding-box,linear-gradient(105deg,#ffffff,#6f6c67 50%,#ffffff) border-box;color:#20170f}.button--light:hover{box-shadow:inset 0 0 12px 4px rgba(255,186,49,.18)}