.button{background:var(--Gold,#c7a932);cursor:pointer;color:var(--Black,#000);letter-spacing:-.165px;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:700;line-height:normal;display:inline-flex;position:relative;overflow:hidden;box-shadow:4px 4px 4px rgba(0,0,0,.25)}.button:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/></filter><rect width='100%' height='100%' filter='url(%23n)' fill='black' opacity='0.3'/></svg>");background-size:150px 150px;position:absolute;top:0;bottom:0;left:0;right:0}.button:hover{background:linear-gradient(rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 100%),#c7a932}.button:disabled{opacity:.5;cursor:not-allowed}
.input-wrapper{flex-direction:column;gap:4px;display:flex}.input-label{color:#000;font-size:14px;font-weight:500}.input{color:#000;background:#fff;border:1px solid rgba(0,0,0,.25);border-radius:6px;outline:none;padding:10px 12px;font-family:SF Pro Display,sans-serif;font-size:16px;transition:all .2s}.input::placeholder{opacity:.1}.input:focus{border:1px solid #000;outline:4px solid rgba(0,0,0,.125)}.input.filled{border:1px solid #000}.input--disabled{opacity:.4;cursor:not-allowed}.input-disabled{opacity:.4}.input-error-inpt{color:#e30000;background:#fff2f4;border:1px solid #e30000}.input-error{color:#e30000;align-items:center;gap:4px;font-size:12px;display:flex}.input-error-icon{font-size:14px}.input:focus:not(.input-error-inpt){border:1px solid #000;outline:4px solid rgba(0,0,0,.125)}.input-error-inpt:focus{border:1px solid #e30000;outline:4px solid rgba(227,0,0,.125)}