:root {
  --y-button-radius: 4px;
  --y-button-default-color: rgb(223, 223, 223);
  --y-button-primary-color: rgb(20, 184, 166);
  --y-button-primary-hover-color: rgb(25, 170, 153);
  --y-button-primary-active-color: rgb(13, 146, 131);
  --y-button-info-color: rgb(59, 130, 246);
  --y-button-info-hover-color: rgb(49, 117, 228);
  --y-button-info-active-color: rgb(34, 94, 189);
  --y-button-warning-color: rgb(251, 146, 60);
  --y-button-warning-hover-color: rgb(240, 143, 63);
  --y-button-warning-active-color: rgb(211, 118, 41);
  --y-button-danger-color: rgb(220, 38, 38);
  --y-button-danger-hover-color: rgb(204, 42, 42);
  --y-button-danger-active-color: rgb(172, 27, 27);
  --y-button-text-color-light: rgb(243, 244, 246);
  --y-button-text-color-dark: rgb(15, 118, 110);
}