.button{--btn-text-color:var(--text-color);--btn-bg-color:var(--primary);--size:var(--m);width:100%;height:var(--xxxl);justify-content:center;align-items:center;gap:var(--xs);font-size:var(--text-size-m);color:var(--btn-text-color);background:var(--btn-bg-color);border-radius:var(--container-inner-border-radius);outline-offset:-1px;padding:var(--size);cursor:pointer;border:0;outline:1px solid #0000;font-weight:400;text-decoration:none;transition:all .2s ease-in-out;display:flex;position:relative}.button.vertical{gap:var(--xxs);padding:var(--s);font-size:var(--text-size-xs);flex-direction:column}.button.unstyled{--btn-bg-color:transparent;width:auto;margin:0;padding:0}.button.primary{--btn-bg-color:var(--primary)}.button.secondary{--btn-bg-color:var(--secondary)}.button.light{--btn-text-color:var(--dark);--btn-bg-color:var(--light)}.button.light.active{--btn-bg-color:var(--grey-light-1)}.button.active{--btn-bg-color:var(--primary-dark-4)}.button.success{--btn-text-color:var(--light);--btn-bg-color:var(--tertiary-dark-4)}.button.success.active{--btn-bg-color:var(--tertiary-dark-3)}.button.error{--btn-text-color:var(--light);--btn-bg-color:var(--error)}.button.warning{--btn-text-color:var(--dark);--btn-bg-color:var(--warning)}.button.grey{--btn-bg-color:var(--grey-light-3)}.button.outline{color:var(--btn-bg-color);outline-color:var(--btn-bg-color);background-color:#0000}.button.disabled,.button[disabled]{opacity:.5;pointer-events:none!important}.button.size-xs{--size:var(--xs);height:auto;font-size:var(--text-size-xs)}.button.size-s{--size:var(--s);height:auto;font-size:var(--text-size-s)}.button.size-m{--size:var(--m);height:auto;font-size:var(--text-size-m)}.button.size-l{--size:var(--l);height:auto;font-size:var(--text-size-l)}.button.size-xl{--size:var(--xl);height:auto;font-size:var(--text-size-xl)}.button.size-input{height:var(--xxxl);font-size:var(--text-size-m);padding:var(--xs) var(--s)}.button.square{aspect-ratio:1;width:min-content;height:min-content}.button.text-left{justify-content:flex-start}.button.text-right{justify-content:flex-end}.button.link{text-decoration:underline;justify-content:unset!important;align-items:unset!important;gap:unset!important;--btn-bg-color:unset!important;border-radius:unset!important;width:auto!important;height:auto!important;padding:unset!important}.button .btn-point{--size:var(--m);top:calc(-1 * var(--size) / 4);right:calc(-1 * var(--size) / 4);z-index:10;width:var(--size);height:var(--size);font-size:calc(var(--size) / 2);line-height:var(--size);color:var(--light);background:var(--secondary);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.button.pulse{animation:1.5s infinite pulse}.button.disabled.pulse,.button[disabled].pulse{animation:none}.button.outline.pulse{animation:none;position:relative}.button.outline.pulse:after{content:"";border-radius:inherit;z-index:-1;animation:1.5s infinite pulse;position:absolute;inset:0}.button.ripple{animation:1.5s infinite ripple,1.5s .75s infinite ripple;box-shadow:0 0 #ffffff80,0 0 #ffffff80}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--light-rgb,0, 0, 0), .75)}70%{box-shadow:0 0 0 var(--xs) rgba(var(--light-rgb,0, 0, 0), 0)}to{box-shadow:0 0 0 0 rgba(var(--light-rgb,0, 0, 0), 0)}}@keyframes ripple{0%{box-shadow:0 0 #ffffff80}to{box-shadow:0 0 0 var(--xs) #fff0}}