:root {
  --color-primary: #a272c4 !important;
  --color-primary-dark-1: #9660bc !important;
  --color-primary-dark-2: #8a4eb5 !important;
  --color-primary-dark-3: #7d45a5 !important;
  --color-primary-dark-4: #6f3d93 !important;
  --color-primary-dark-5: #623681 !important;
  --color-primary-dark-6: #542e6f !important;
  --color-primary-dark-7: #46275d !important;
  --color-primary-light-1: #ae84cc !important;
  --color-primary-light-2: #ba96d3 !important;
  --color-primary-light-3: #c6a8db !important;
  --color-primary-light-4: #d1bae2 !important;
  --color-primary-light-5: #ddccea !important;
  --color-primary-light-6: #e9def1 !important;
  --color-primary-light-7: #f5f0f9 !important;
  --color-primary-alpha-10: rgba(162, 114, 196, 0.9) !important;
  --color-primary-alpha-20: rgba(162, 114, 196, 0.8) !important;
  --color-primary-alpha-30: rgba(162, 114, 196, 0.7) !important;
  --color-primary-alpha-40: rgba(162, 114, 196, 0.6) !important;
  --color-primary-alpha-50: rgba(162, 114, 196, 0.5) !important;
  --color-primary-alpha-60: rgba(162, 114, 196, 0.4) !important;
  --color-primary-alpha-70: rgba(162, 114, 196, 0.3) !important;
  --color-primary-alpha-80: rgba(162, 114, 196, 0.2) !important;
  --color-primary-alpha-90: rgba(162, 114, 196, 0.1) !important;
}
.ui.green.button {
  background-color: var(--color-primary);
}
.ui.green.button:hover,
.ui.green.button:focus {
  background-color: var(--color-primary-dark-2);
}