.rarui-button__15gxywr0 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  font-weight: var(--rarui-fontWeight-semiBold);
  line-height: var(--rarui-lineHeight-button-l);
  font-size: var(--rarui-fontSize-button-l);
  font-family: var(--rarui-fontFamily-button);
  border-radius: var(--rarui-shape-border-radius-button);
  border-width: var(--rarui-shape-border-width-1);
  border-style: solid;
  border-color: var(--rarui-colors-surface-brand);
}
.rarui-button__15gxywr0:disabled {
  background: var(--rarui-colors-surface-disabled);
  border-color: var(--rarui-colors-surface-disabled);
  color: var(--rarui-colors-content-disabled);
  cursor: not-allowed;
}
.rarui-button__15gxywr0:focus-within {
  outline: none;
  box-shadow: var(--rarui-elevation-focus-ring);
}
.rarui-button__15gxywr0:after {
  content: "";
  transition: opacity 150ms ease;
  position: absolute;
  opacity: 0;
  inset: -1px;
  border-radius: var(--rarui-shape-border-radius-button);
}
.rarui-button__15gxywr0:hover:after {
  opacity: 1;
}
.rarui-button__15gxywr0:active:after {
  opacity: 1;
}
.rarui-button__15gxywr0:hover:disabled:after {
  opacity: 0;
}
.rarui-button_full_true__15gxywr1 {
  width: 100%;
}
.rarui-button_appearance_brand__15gxywr2 {
  background-color: var(--rarui-colors-surface-brand);
  border-color: var(--rarui-colors-surface-brand);
  color: var(--rarui-colors-content-on-brand);
}
.rarui-button_appearance_danger__15gxywr3 {
  background-color: var(--rarui-colors-surface-error);
  border-color: var(--rarui-colors-surface-error);
  color: var(--rarui-colors-content-on-error);
}
.rarui-button_appearance_success__15gxywr4 {
  background-color: var(--rarui-colors-surface-success);
  border-color: var(--rarui-colors-surface-success);
  color: var(--rarui-colors-content-on-success);
}
.rarui-button_appearance_warning__15gxywr5 {
  background-color: var(--rarui-colors-surface-warning);
  border-color: var(--rarui-colors-surface-warning);
  color: var(--rarui-colors-content-on-warning);
}
.rarui-button_appearance_neutral__15gxywr6 {
  background-color: var(--rarui-colors-surface-invert);
  border-color: var(--rarui-colors-surface-invert);
  color: var(--rarui-colors-content-invert);
}
.rarui-button_appearance_inverted__15gxywr7 {
  background-color: var(--rarui-colors-surface-primary);
  border-color: var(--rarui-colors-surface-primary);
  color: var(--rarui-colors-content-primary);
}
.rarui-button_size_large__15gxywr8 {
  gap: var(--rarui-spacing-3xs);
  padding: 0 var(--rarui-spacing-s);
  height: 3rem;
  font-size: var(--rarui-fontSize-button-l);
}
.rarui-button_size_medium__15gxywr9 {
  gap: var(--rarui-spacing-3xs);
  padding: 0 var(--rarui-spacing-xs);
  height: 2.5rem;
  font-size: var(--rarui-fontSize-button-m);
}
.rarui-button_size_small__15gxywra {
  gap: var(--rarui-spacing-4xs);
  padding: 0 var(--rarui-spacing-2xs);
  height: 2rem;
  font-size: var(--rarui-fontSize-button-s);
}
.rarui-button_variant_solid__15gxywrb:hover:after {
  background-color: var(--rarui-colors-surface-invert-hover);
}
.rarui-button_variant_solid__15gxywrb:active:after {
  border-color: var(--rarui-colors-surface-invert-press);
  background-color: var(--rarui-colors-surface-invert-press);
}
.rarui-button_variant_outlined__15gxywrc {
  background-color: transparent;
}
.rarui-button_variant_text__15gxywrd {
  background-color: transparent;
  text-decoration: underline;
  border-color: transparent;
}
.rarui-button_variant_tonal__15gxywre {
  border-color: transparent;
}
.rarui-button__compound_0__15gxywrf {
  color: var(--rarui-colors-content-brand);
  border-color: var(--rarui-colors-border-brand);
}
.rarui-button__compound_0__15gxywrf:hover {
  background-color: var(--rarui-colors-surface-brand-hover);
}
.rarui-button__compound_0__15gxywrf:active {
  background-color: var(--rarui-colors-surface-brand-press);
}
.rarui-button__compound_1__15gxywrg {
  color: var(--rarui-colors-content-error);
  border-color: var(--rarui-colors-border-error);
}
.rarui-button__compound_1__15gxywrg:hover {
  background-color: var(--rarui-colors-surface-error-hover);
}
.rarui-button__compound_1__15gxywrg:active {
  background-color: var(--rarui-colors-surface-error-press);
}
.rarui-button__compound_2__15gxywrh {
  color: var(--rarui-colors-content-success);
  border-color: var(--rarui-colors-border-success);
}
.rarui-button__compound_2__15gxywrh:hover {
  background-color: var(--rarui-colors-surface-success-hover);
}
.rarui-button__compound_2__15gxywrh:active {
  background-color: var(--rarui-colors-surface-success-press);
}
.rarui-button__compound_3__15gxywri {
  color: var(--rarui-colors-content-warning);
  border-color: var(--rarui-colors-border-warning);
}
.rarui-button__compound_3__15gxywri:hover {
  background-color: var(--rarui-colors-surface-warning-hover);
}
.rarui-button__compound_3__15gxywri:active {
  background-color: var(--rarui-colors-surface-warning-press);
}
.rarui-button__compound_4__15gxywrj {
  color: var(--rarui-colors-content-primary);
  border-color: var(--rarui-colors-border-secondary);
}
.rarui-button__compound_4__15gxywrj:hover {
  background-color: var(--rarui-colors-surface-hover);
}
.rarui-button__compound_4__15gxywrj:active {
  background-color: var(--rarui-colors-surface-press);
}
.rarui-button__compound_5__15gxywrk {
  color: var(--rarui-colors-content-invert);
  border-color: var(--rarui-colors-border-invert);
}
.rarui-button__compound_5__15gxywrk:hover {
  background-color: var(--rarui-colors-surface-invert-hover);
}
.rarui-button__compound_5__15gxywrk:active {
  background-color: var(--rarui-colors-surface-invert-press);
}
.rarui-button__compound_6__15gxywrl {
  color: var(--rarui-colors-content-brand);
}
.rarui-button__compound_6__15gxywrl:hover {
  background-color: var(--rarui-colors-surface-brand-hover);
}
.rarui-button__compound_6__15gxywrl:active {
  background-color: var(--rarui-colors-surface-brand-press);
}
.rarui-button__compound_7__15gxywrm {
  color: var(--rarui-colors-content-error);
}
.rarui-button__compound_7__15gxywrm:hover {
  background-color: var(--rarui-colors-surface-error-hover);
}
.rarui-button__compound_7__15gxywrm:active {
  background-color: var(--rarui-colors-surface-error-press);
}
.rarui-button__compound_8__15gxywrn {
  color: var(--rarui-colors-content-success);
}
.rarui-button__compound_8__15gxywrn:hover {
  background-color: var(--rarui-colors-surface-success-hover);
}
.rarui-button__compound_8__15gxywrn:active {
  background-color: var(--rarui-colors-surface-success-press);
}
.rarui-button__compound_9__15gxywro {
  color: var(--rarui-colors-content-warning);
}
.rarui-button__compound_9__15gxywro:hover {
  background-color: var(--rarui-colors-surface-warning-hover);
}
.rarui-button__compound_9__15gxywro:active {
  background-color: var(--rarui-colors-surface-warning-press);
}
.rarui-button__compound_10__15gxywrp {
  color: var(--rarui-colors-content-primary);
}
.rarui-button__compound_10__15gxywrp:hover {
  background-color: var(--rarui-colors-surface-hover);
}
.rarui-button__compound_10__15gxywrp:active {
  background-color: var(--rarui-colors-surface-press);
}
.rarui-button__compound_11__15gxywrq {
  color: var(--rarui-colors-content-invert);
}
.rarui-button__compound_11__15gxywrq:hover {
  background-color: var(--rarui-colors-surface-invert-hover);
}
.rarui-button__compound_11__15gxywrq:active {
  background-color: var(--rarui-colors-surface-invert-press);
}
.rarui-button__compound_12__15gxywrr {
  color: var(--rarui-colors-content-brand);
  background-color: var(--rarui-colors-surface-brand-subdued);
}
.rarui-button__compound_12__15gxywrr:hover {
  background-color: var(--rarui-colors-surface-brand-hover);
}
.rarui-button__compound_12__15gxywrr:active {
  background-color: var(--rarui-colors-surface-brand-press);
}
.rarui-button__compound_12__15gxywrr:hover {
  background-color: var(--rarui-colors-surface-brand-subdued);
}
.rarui-button__compound_12__15gxywrr:active {
  background-color: var(--rarui-colors-surface-brand-subdued);
}
.rarui-button__compound_12__15gxywrr:hover:after {
  background-color: var(--rarui-colors-surface-brand-hover);
}
.rarui-button__compound_12__15gxywrr:active:after {
  background-color: var(--rarui-colors-surface-brand-press);
}
.rarui-button__compound_13__15gxywrs {
  color: var(--rarui-colors-content-error);
  background-color: var(--rarui-colors-surface-error-subdued);
}
.rarui-button__compound_13__15gxywrs:hover {
  background-color: var(--rarui-colors-surface-error-hover);
}
.rarui-button__compound_13__15gxywrs:active {
  background-color: var(--rarui-colors-surface-error-press);
}
.rarui-button__compound_13__15gxywrs:hover {
  background-color: var(--rarui-colors-surface-error-subdued);
}
.rarui-button__compound_13__15gxywrs:active {
  background-color: var(--rarui-colors-surface-error-subdued);
}
.rarui-button__compound_13__15gxywrs:hover:after {
  background-color: var(--rarui-colors-surface-error-hover);
}
.rarui-button__compound_13__15gxywrs:active:after {
  background-color: var(--rarui-colors-surface-error-press);
}
.rarui-button__compound_14__15gxywrt {
  color: var(--rarui-colors-content-success);
  background-color: var(--rarui-colors-surface-success-subdued);
}
.rarui-button__compound_14__15gxywrt:hover {
  background-color: var(--rarui-colors-surface-success-hover);
}
.rarui-button__compound_14__15gxywrt:active {
  background-color: var(--rarui-colors-surface-success-press);
}
.rarui-button__compound_14__15gxywrt:hover {
  background-color: var(--rarui-colors-surface-success-subdued);
}
.rarui-button__compound_14__15gxywrt:active {
  background-color: var(--rarui-colors-surface-success-subdued);
}
.rarui-button__compound_14__15gxywrt:hover:after {
  background-color: var(--rarui-colors-surface-success-hover);
}
.rarui-button__compound_14__15gxywrt:active:after {
  background-color: var(--rarui-colors-surface-success-press);
}
.rarui-button__compound_15__15gxywru {
  color: var(--rarui-colors-content-warning);
  background-color: var(--rarui-colors-surface-warning-subdued);
}
.rarui-button__compound_15__15gxywru:hover {
  background-color: var(--rarui-colors-surface-warning-hover);
}
.rarui-button__compound_15__15gxywru:active {
  background-color: var(--rarui-colors-surface-warning-press);
}
.rarui-button__compound_15__15gxywru:hover {
  background-color: var(--rarui-colors-surface-warning-subdued);
}
.rarui-button__compound_15__15gxywru:active {
  background-color: var(--rarui-colors-surface-warning-subdued);
}
.rarui-button__compound_15__15gxywru:hover:after {
  background-color: var(--rarui-colors-surface-warning-hover);
}
.rarui-button__compound_15__15gxywru:active:after {
  background-color: var(--rarui-colors-surface-warning-press);
}
.rarui-button__compound_16__15gxywrv {
  color: var(--rarui-colors-content-primary);
  background-color: var(--rarui-colors-surface-secondary);
}
.rarui-button__compound_16__15gxywrv:hover {
  background-color: var(--rarui-colors-surface-hover);
}
.rarui-button__compound_16__15gxywrv:active {
  background-color: var(--rarui-colors-surface-press);
}
.rarui-button__compound_16__15gxywrv:hover {
  background-color: var(--rarui-colors-surface-secondary);
}
.rarui-button__compound_16__15gxywrv:active {
  background-color: var(--rarui-colors-surface-secondary);
}
.rarui-button__compound_16__15gxywrv:hover:after {
  background-color: var(--rarui-colors-surface-hover);
}
.rarui-button__compound_16__15gxywrv:active:after {
  background-color: var(--rarui-colors-surface-press);
}
.rarui-button__compound_17__15gxywrw {
  color: var(--rarui-colors-content-invert);
  background-color: var(--rarui-colors-surface-invert-secondary);
}
.rarui-button__compound_17__15gxywrw:hover {
  background-color: var(--rarui-colors-surface-invert-hover);
}
.rarui-button__compound_17__15gxywrw:active {
  background-color: var(--rarui-colors-surface-invert-press);
}
.rarui-button__compound_17__15gxywrw:hover {
  background-color: var(--rarui-colors-surface-invert-secondary);
}
.rarui-button__compound_17__15gxywrw:active {
  background-color: var(--rarui-colors-surface-invert-secondary);
}
.rarui-button__compound_17__15gxywrw:hover:after {
  background-color: var(--rarui-colors-surface-invert-hover);
}
.rarui-button__compound_17__15gxywrw:active:after {
  background-color: var(--rarui-colors-surface-invert-press);
}