/* THEME VARIABLES START */
:root {
  --primary-color: rgba(22, 197, 103, 1);
  --secondary-color: rgba(0, 0, 0, 1);
  --accent-color: rgba(217, 217, 217, 1);
  --error-color: rgba(255, 0, 0, 1);
  --extra-color: rgba(255, 255, 255, 1);

  --button-large-font-weight: 700;
  --button-large-height: 52px;
  --button-large-size: 18px;
  --button-large-radius: 6px;
  --button-large-space: 10px;
  --button-large-padding: 32px;

  --button-medium-font-weight: 500;
  --button-medium-size: 16px;
  --button-medium-height: 42px;
  --button-medium-radius: 6px;
  --button-medium-space: 10px;
  --button-medium-padding: 24px;

  --button-small-font-weight: 400;
  --button-small-size: 14px;
  --button-small-height: 36px;
  --button-small-radius: 6px;
  --button-small-space: 10px;
  --button-small-padding: 16px;

  --button-fill-1-color: rgb(255,255,255);
  --button-fill-1-background: rgb(15,23,42);
  --button-fill-1-hover-color: rgb(255,255,255);
  --button-fill-1-hover-background: rgb(15,23,42);

  --button-fill-2-color: rgb(15,23,42);
  --button-fill-2-background: rgb(255,255,255);
  --button-fill-2-hover-color: rgb(15,23,42);
  --button-fill-2-hover-background: rgb(255,255,255);

  --button-fill-3-color: #fff;
  --button-fill-3-background: #000;
  --button-fill-3-hover-color: #fff;
  --button-fill-3-hover-background: #000;

  --button-fill-4-color: #fff;
  --button-fill-4-background: #000;
  --button-fill-4-hover-color: #fff;
  --button-fill-4-hover-background: #000;

  --button-fill-5-color: #fff;
  --button-fill-5-background: #000;
  --button-fill-5-hover-color: #fff;
  --button-fill-5-hover-background: #000;

  --button-border-1-width: 1px;
  --button-border-1-color: rgb(15,23,42);
  --button-border-1-text-color: rgb(15,23,42);
  --button-border-1-background: rgba(0,0,0, 0);
  --button-border-1-hover-color: rgb(15,23,42);
  --button-border-1-hover-text-color: rgb(15,23,42);
  --button-border-1-hover-background: rgba(0,0,0, 0);

  --button-border-2-width: 1px;
  --button-border-2-color: rgb(255,255,255);
  --button-border-2-text-color: rgb(255,255,255);
  --button-border-2-background: rgba(0,0,0, 0);
  --button-border-2-hover-color: rgb(255,255,255);
  --button-border-2-hover-text-color: rgb(255,255,255);
  --button-border-2-hover-background: rgba(0,0,0, 0);

  --button-border-3-width: 1px;
  --button-border-3-color: #000;
  --button-border-3-text-color: #000;
  --button-border-3-background: rgba(0,0,0, 0);
  --button-border-3-hover-color: #000;
  --button-border-3-hover-text-color: #000;
  --button-border-3-hover-background: rgba(0,0,0, 0);

  --button-border-4-width: 1px;
  --button-border-4-color: #000;
  --button-border-4-text-color: #000;
  --button-border-4-background: rgba(0,0,0, 0);
  --button-border-4-hover-color: #000;
  --button-border-4-hover-text-color: #000;
  --button-border-4-hover-background: rgba(0,0,0, 0);

  --button-border-5-width: 1px;
  --button-border-5-color: #000;
  --button-border-5-text-color: #000;
  --button-border-5-background: rgba(0,0,0, 0);
  --button-border-5-hover-color: #000;
  --button-border-5-hover-text-color: #000;
  --button-border-5-hover-background: rgba(0,0,0, 0);

  --button-transparent-1-color: #000;
  --button-transparent-1-hover-color: #000;

  --button-transparent-2-color: #000;
  --button-transparent-2-hover-color: #000;

  --button-transparent-3-color: #000;
  --button-transparent-3-hover-color: #000;

  --button-transparent-4-color: #000;
  --button-transparent-4-hover-color: #000;

  --button-transparent-5-color: #000;
  --button-transparent-5-hover-color: #000;
}
/* THEME VARIABLES END */

/* Тут можна писати кастомний CSS нижче */