:root {
  
  --btn-red-solid: #c20000;
  --btn-red-start: #330000;
  --btn-red-middle: #7b0303;
  --btn-red-end: #470000;
  --btn-red-border: #470000;

  
  --btn-yellow-solid: #c7a200;
  --btn-yellow-start: #ffcc00;
  --btn-yellow-middle: #ffad00;
  --btn-yellow-end: #472b02;
  --btn-yellow-border: #c0580d;

  
  --btn-red-gradient: linear-gradient(180deg, var(--btn-red-start) 0%, var(--btn-red-middle) 100%);
  --btn-yellow-gradient: linear-gradient(180deg, var(--btn-yellow-start) 0%, var(--btn-yellow-middle) 100%);

  
  --btn-red-gradient-hover: linear-gradient(180deg, var(--btn-red-middle) 0%, var(--btn-red-end) 100%);
  --btn-yellow-gradient-hover: linear-gradient(180deg, var(--btn-yellow-middle) 0%, var(--btn-yellow-end) 100%);

  
  --btn-shadow-rest: 0 2px 4px rgba(0, 0, 0, 0.18);
  --btn-shadow-hover: 0 8px 16px rgba(0, 0, 0, 0.28);
}


body {
      background-color: var(--brxp-surface-d-2);
}