.bg-primary-100 {
  background-color: #dbfdec;
}

.text-primary-100 {
  color: #dbfdec;
}

.border-primary-100 {
  border-color: #dbfdec;
}

.bg-primary-200 {
  background-color: #b9f9d8;
}

.text-primary-200 {
  color: #b9f9d8;
}

.border-primary-200 {
  border-color: #b9f9d8;
}

.bg-primary-300 {
  background-color: #83f2ba;
}

.text-primary-300 {
  color: #83f2ba;
}

.border-primary-300 {
  border-color: #83f2ba;
}

.bg-primary-400 {
  background-color: #46e295;
}

.text-primary-400 {
  color: #46e295;
}

.border-primary-400 {
  border-color: #46e295;
}

.bg-primary-500 {
  background-color: #1dca75;
}

.text-primary-500 {
  color: #1dca75;
}

.border-primary-500 {
  border-color: #1dca75;
}

.bg-primary-600 {
  background-color: #12a75e;
}

.text-primary-600 {
  color: #12a75e;
}

.border-primary-600 {
  border-color: #12a75e;
}

.bg-primary-700 {
  background-color: #12834c;
}

.text-primary-700 {
  color: #12834c;
}

.border-primary-700 {
  border-color: #12834c;
}

.bg-primary-800 {
  background-color: #13643d;
}

.text-primary-800 {
  color: #13643d;
}

.border-primary-800 {
  border-color: #13643d;
}

.bg-primary-900 {
  background-color: #125536;
}

.text-primary-900 {
  color: #125536;
}

.border-primary-900 {
  border-color: #125536;
}

.bg-primary-950 {
  background-color: #042f1c;
}

.text-primary-950 {
  color: #042f1c;
}

.border-primary-950 {
  border-color: #042f1c;
}

.bg-neutral-100 {
  background-color: #f6f6f6;
}

.text-neutral-100 {
  color: #f6f6f6;
}

.border-neutral-100 {
  border-color: #f6f6f6;
}

.bg-neutral-200 {
  background-color: #e3e3e3;
}

.text-neutral-200 {
  color: #e3e3e3;
}

.border-neutral-200 {
  border-color: #e3e3e3;
}

.bg-neutral-300 {
  background-color: #d5d5d5;
}

.text-neutral-300 {
  color: #d5d5d5;
}

.border-neutral-300 {
  border-color: #d5d5d5;
}

.bg-neutral-400 {
  background-color: #c2c2c2;
}

.text-neutral-400 {
  color: #c2c2c2;
}

.border-neutral-400 {
  border-color: #c2c2c2;
}

.bg-neutral-500 {
  background-color: #b6b6b6;
}

.text-neutral-500 {
  color: #b6b6b6;
}

.border-neutral-500 {
  border-color: #b6b6b6;
}

.bg-neutral-600 {
  background-color: #a4a4a4;
}

.text-neutral-600 {
  color: #a4a4a4;
}

.border-neutral-600 {
  border-color: #a4a4a4;
}

.bg-neutral-700 {
  background-color: #959595;
}

.text-neutral-700 {
  color: #959595;
}

.border-neutral-700 {
  border-color: #959595;
}

.bg-neutral-800 {
  background-color: #5a5a5a;
}

.text-neutral-800 {
  color: #5a5a5a;
}

.border-neutral-800 {
  border-color: #5a5a5a;
}

.bg-neutral-900 {
  background-color: #202020;
}

.text-neutral-900 {
  color: #202020;
}

.border-neutral-900 {
  border-color: #202020;
}

.bg-teal-50 {
  background-color: #f3f5f0;
}

.text-teal-50 {
  color: #f3f5f0;
}

.border-teal-50 {
  border-color: #f3f5f0;
}

.bg-teal-100 {
  background-color: #e6e8df;
}

.text-teal-100 {
  color: #e6e8df;
}

.border-teal-100 {
  border-color: #e6e8df;
}

.bg-teal-200 {
  background-color: #d0d3c3;
}

.text-teal-200 {
  color: #d0d3c3;
}

.border-teal-200 {
  border-color: #d0d3c3;
}

.bg-teal-300 {
  background-color: #b1b89e;
}

.text-teal-300 {
  color: #b1b89e;
}

.border-teal-300 {
  border-color: #b1b89e;
}

.bg-teal-400 {
  background-color: #949e7d;
}

.text-teal-400 {
  color: #949e7d;
}

.border-teal-400 {
  border-color: #949e7d;
}

.bg-teal-500 {
  background-color: #778260;
}

.text-teal-500 {
  color: #778260;
}

.border-teal-500 {
  border-color: #778260;
}

.bg-teal-600 {
  background-color: #5d664a;
}

.text-teal-600 {
  color: #5d664a;
}

.border-teal-600 {
  border-color: #5d664a;
}

.bg-teal-700 {
  background-color: #494f3c;
}

.text-teal-700 {
  color: #494f3c;
}

.border-teal-700 {
  border-color: #494f3c;
}

.bg-teal-800 {
  background-color: #3c4133;
}

.text-teal-800 {
  color: #3c4133;
}

.border-teal-800 {
  border-color: #3c4133;
}

.bg-teal-900 {
  background-color: #33372c;
}

.text-teal-900 {
  color: #33372c;
}

.border-teal-900 {
  border-color: #33372c;
}

.bg-warning-100 {
  background-color: #fff8c2;
}

.text-warning-100 {
  color: #fff8c2;
}

.border-warning-100 {
  border-color: #fff8c2;
}

.bg-warning-200 {
  background-color: #ffef83;
}

.text-warning-200 {
  color: #ffef83;
}

.border-warning-200 {
  border-color: #ffef83;
}

.bg-warning-300 {
  background-color: #ffdd44;
}

.text-warning-300 {
  color: #ffdd44;
}

.border-warning-300 {
  border-color: #ffdd44;
}

.bg-warning-400 {
  background-color: #fec811;
}

.text-warning-400 {
  color: #fec811;
}

.border-warning-400 {
  border-color: #fec811;
}

.bg-warning-500 {
  background-color: #f1b104;
}

.text-warning-500 {
  color: #f1b104;
}

.border-warning-500 {
  border-color: #f1b104;
}

.bg-warning-600 {
  background-color: #ce8600;
}

.text-warning-600 {
  color: #ce8600;
}

.border-warning-600 {
  border-color: #ce8600;
}

.bg-warning-700 {
  background-color: #a45f04;
}

.text-warning-700 {
  color: #a45f04;
}

.border-warning-700 {
  border-color: #a45f04;
}

.bg-warning-800 {
  background-color: #874a0c;
}

.text-warning-800 {
  color: #874a0c;
}

.border-warning-800 {
  border-color: #874a0c;
}

.bg-warning-900 {
  background-color: #733c10;
}

.text-warning-900 {
  color: #733c10;
}

.border-warning-900 {
  border-color: #733c10;
}

.bg-success-100 {
  background-color: #e8fff2;
}

.text-success-100 {
  color: #e8fff2;
}

.border-success-100 {
  border-color: #e8fff2;
}

.bg-success-200 {
  background-color: #5dbe89;
}

.text-success-200 {
  color: #5dbe89;
}

.border-success-200 {
  border-color: #5dbe89;
}

.bg-success-300 {
  background-color: #38a569;
}

.text-success-300 {
  color: #38a569;
}

.border-success-300 {
  border-color: #38a569;
}

.bg-danger-100 {
  background-color: #fff2f2;
}

.text-danger-100 {
  color: #fff2f2;
}

.border-danger-100 {
  border-color: #fff2f2;
}

.bg-danger-200 {
  background-color: #eb4245;
}

.text-danger-200 {
  color: #eb4245;
}

.border-danger-200 {
  border-color: #eb4245;
}

.bg-danger-300 {
  background-color: #db1f22;
}

.text-danger-300 {
  color: #db1f22;
}

.border-danger-300 {
  border-color: #db1f22;
}

.bg-dark-50 {
  background-color: #f7f7f6;
}

.text-dark-50 {
  color: #f7f7f6;
}

.border-dark-50 {
  border-color: #f7f7f6;
}

.bg-dark-100 {
  background-color: #e9e9e1;
}

.text-dark-100 {
  color: #e9e9e1;
}

.border-dark-100 {
  border-color: #e9e9e1;
}

.bg-dark-200 {
  background-color: #dcd8c2;
}

.text-dark-200 {
  color: #dcd8c2;
}

.border-dark-200 {
  border-color: #dcd8c2;
}

.bg-dark-300 {
  background-color: #cac49c;
}

.text-dark-300 {
  color: #cac49c;
}

.border-dark-300 {
  border-color: #cac49c;
}

.bg-dark-400 {
  background-color: #b8a177;
}

.text-dark-400 {
  color: #b8a177;
}

.border-dark-400 {
  border-color: #b8a177;
}

.bg-dark-500 {
  background-color: #86755d;
}

.text-dark-500 {
  color: #86755d;
}

.border-dark-500 {
  border-color: #86755d;
}

.bg-dark-600 {
  background-color: #585149;
}

.text-dark-600 {
  color: #585149;
}

.border-dark-600 {
  border-color: #585149;
}

.bg-dark-700 {
  background-color: #48443d;
}

.text-dark-700 {
  color: #48443d;
}

.border-dark-700 {
  border-color: #48443d;
}

.bg-dark-800 {
  background-color: #3a3833;
}

.text-dark-800 {
  color: #3a3833;
}

.border-dark-800 {
  border-color: #3a3833;
}

.bg-dark-900 {
  background-color: #34312c;
}

.text-dark-900 {
  color: #34312c;
}

.border-dark-900 {
  border-color: #34312c;
}

.bg-dark-950 {
  background-color: #12110f;
}

.text-dark-950 {
  color: #12110f;
}

.border-dark-950 {
  border-color: #12110f;
}

.bg-light-50 {
  background-color: #f9f7f3;
}

.text-light-50 {
  color: #f9f7f3;
}

.border-light-50 {
  border-color: #f9f7f3;
}

.bg-light-100 {
  background-color: #f5f2eb;
}

.text-light-100 {
  color: #f5f2eb;
}

.border-light-100 {
  border-color: #f5f2eb;
}

.bg-light-200 {
  background-color: #e2d9c6;
}

.text-light-200 {
  color: #e2d9c6;
}

.border-light-200 {
  border-color: #e2d9c6;
}

.bg-light-300 {
  background-color: #fcf0fa;
}

.text-light-300 {
  color: #fcf0fa;
}

.border-light-300 {
  border-color: #fcf0fa;
}

.bg-light-400 {
  background-color: #bba07c;
}

.text-light-400 {
  color: #bba07c;
}

.border-light-400 {
  border-color: #bba07c;
}

.bg-light-500 {
  background-color: #ad8b62;
}

.text-light-500 {
  color: #ad8b62;
}

.border-light-500 {
  border-color: #ad8b62;
}

.bg-light-600 {
  background-color: #a07956;
}

.text-light-600 {
  color: #a07956;
}

.border-light-600 {
  border-color: #a07956;
}

.bg-light-700 {
  background-color: #865249;
}

.text-light-700 {
  color: #865249;
}

.border-light-700 {
  border-color: #865249;
}

.bg-light-800 {
  background-color: #6d513f;
}

.text-light-800 {
  color: #6d513f;
}

.border-light-800 {
  border-color: #6d513f;
}

.bg-light-900 {
  background-color: #594335;
}

.text-light-900 {
  color: #594335;
}

.border-light-900 {
  border-color: #594335;
}

.bg-light-950 {
  background-color: #22221b;
}

.text-light-950 {
  color: #22221b;
}

.border-light-950 {
  border-color: #22221b;
}

.bg-gray-50 {
  background-color: #F9F7F3;
}

.text-gray-50 {
  color: #F9F7F3;
}

.border-gray-50 {
  border-color: #F9F7F3;
}

.bg-gray-100 {
  background-color: #CDC8C2;
}

.text-gray-100 {
  color: #CDC8C2;
}

.border-gray-100 {
  border-color: #CDC8C2;
}

.bg-gray-200 {
  background-color: #B8B2A5;
}

.text-gray-200 {
  color: #B8B2A5;
}

.border-gray-200 {
  border-color: #B8B2A5;
}

.bg-orange-400 {
  background-color: #ed9c2c;
}

.text-orange-400 {
  color: #ed9c2c;
}

.border-orange-400 {
  border-color: #ed9c2c;
}

.bg-orange-500 {
  background-color: #e67d1a;
}

.text-orange-500 {
  color: #e67d1a;
}

.border-orange-500 {
  border-color: #e67d1a;
}

.bg-orange-600 {
  background-color: #d15b00;
}

.text-orange-600 {
  color: #d15b00;
}

.border-orange-600 {
  border-color: #d15b00;
}

.border-primary-50 {
  border-color: !important;
}

.background-primary-50 {
  background-color: !important;
}

.button-primary-50 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-primary-50.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-primary-50.button-outline:hover {
  color: #ffffff;
}
.button-primary-50:hover, .button-primary-50:focus {
  color: #e9e9e1;
}
.button-primary-50.xs {
  padding: 4px 8px;
}
.button-primary-50.sm {
  padding: 6px 14px;
}
.button-primary-50.md {
  padding: 12px 24px;
}
.button-primary-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-50.m-xs {
    padding: 4px 8px;
  }
  .button-primary-50.m-sm {
    padding: 6px 14px;
  }
  .button-primary-50.m-md {
    padding: 12px 24px;
  }
  .button-primary-50.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-100 {
  border-color: #dbfdec !important;
}

.background-primary-100 {
  background-color: #dbfdec !important;
}

.button-primary-100 {
  font-family: "Helvetica", sans-serif;
  background-color: #dbfdec;
  border: 1px solid #dbfdec;
  color: #ffffff;
}
.button-primary-100.button-outline {
  background-color: transparent;
  border: 1px solid #dbfdec;
  color: #dbfdec;
}
.button-primary-100.button-outline:hover {
  background-color: #dbfdec;
  color: #ffffff;
}
.button-primary-100:hover, .button-primary-100:focus {
  background-color: #b9f9d8;
  color: #ffffff;
}
.button-primary-100.xs {
  padding: 4px 8px;
}
.button-primary-100.sm {
  padding: 6px 14px;
}
.button-primary-100.md {
  padding: 12px 24px;
}
.button-primary-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-100.m-xs {
    padding: 4px 8px;
  }
  .button-primary-100.m-sm {
    padding: 6px 14px;
  }
  .button-primary-100.m-md {
    padding: 12px 24px;
  }
  .button-primary-100.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-200 {
  border-color: #b9f9d8 !important;
}

.background-primary-200 {
  background-color: #b9f9d8 !important;
}

.button-primary-200 {
  font-family: "Helvetica", sans-serif;
  background-color: #b9f9d8;
  border: 1px solid #b9f9d8;
  color: #ffffff;
}
.button-primary-200.button-outline {
  background-color: transparent;
  border: 1px solid #b9f9d8;
  color: #b9f9d8;
}
.button-primary-200.button-outline:hover {
  background-color: #b9f9d8;
  color: #ffffff;
}
.button-primary-200:hover, .button-primary-200:focus {
  background-color: #83f2ba;
  color: #ffffff;
}
.button-primary-200.xs {
  padding: 4px 8px;
}
.button-primary-200.sm {
  padding: 6px 14px;
}
.button-primary-200.md {
  padding: 12px 24px;
}
.button-primary-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-200.m-xs {
    padding: 4px 8px;
  }
  .button-primary-200.m-sm {
    padding: 6px 14px;
  }
  .button-primary-200.m-md {
    padding: 12px 24px;
  }
  .button-primary-200.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-300 {
  border-color: #83f2ba !important;
}

.background-primary-300 {
  background-color: #83f2ba !important;
}

.button-primary-300 {
  font-family: "Helvetica", sans-serif;
  background-color: #83f2ba;
  border: 1px solid #83f2ba;
  color: #ffffff;
}
.button-primary-300.button-outline {
  background-color: transparent;
  border: 1px solid #83f2ba;
  color: #83f2ba;
}
.button-primary-300.button-outline:hover {
  background-color: #83f2ba;
  color: #ffffff;
}
.button-primary-300:hover, .button-primary-300:focus {
  background-color: #46e295;
  color: #ffffff;
}
.button-primary-300.xs {
  padding: 4px 8px;
}
.button-primary-300.sm {
  padding: 6px 14px;
}
.button-primary-300.md {
  padding: 12px 24px;
}
.button-primary-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-300.m-xs {
    padding: 4px 8px;
  }
  .button-primary-300.m-sm {
    padding: 6px 14px;
  }
  .button-primary-300.m-md {
    padding: 12px 24px;
  }
  .button-primary-300.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-400 {
  border-color: #46e295 !important;
}

.background-primary-400 {
  background-color: #46e295 !important;
}

.button-primary-400 {
  font-family: "Helvetica", sans-serif;
  background-color: #46e295;
  border: 1px solid #46e295;
  color: #ffffff;
}
.button-primary-400.button-outline {
  background-color: transparent;
  border: 1px solid #46e295;
  color: #46e295;
}
.button-primary-400.button-outline:hover {
  background-color: #46e295;
  color: #ffffff;
}
.button-primary-400:hover, .button-primary-400:focus {
  background-color: #1dca75;
  color: #ffffff;
}
.button-primary-400.xs {
  padding: 4px 8px;
}
.button-primary-400.sm {
  padding: 6px 14px;
}
.button-primary-400.md {
  padding: 12px 24px;
}
.button-primary-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-400.m-xs {
    padding: 4px 8px;
  }
  .button-primary-400.m-sm {
    padding: 6px 14px;
  }
  .button-primary-400.m-md {
    padding: 12px 24px;
  }
  .button-primary-400.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-500 {
  border-color: #1dca75 !important;
}

.background-primary-500 {
  background-color: #1dca75 !important;
}

.button-primary-500 {
  font-family: "Helvetica", sans-serif;
  background-color: #1dca75;
  border: 1px solid #1dca75;
  color: #ffffff;
}
.button-primary-500.button-outline {
  background-color: transparent;
  border: 1px solid #1dca75;
  color: #1dca75;
}
.button-primary-500.button-outline:hover {
  background-color: #1dca75;
  color: #ffffff;
}
.button-primary-500:hover, .button-primary-500:focus {
  background-color: #12a75e;
  color: #ffffff;
}
.button-primary-500.xs {
  padding: 4px 8px;
}
.button-primary-500.sm {
  padding: 6px 14px;
}
.button-primary-500.md {
  padding: 12px 24px;
}
.button-primary-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-500.m-xs {
    padding: 4px 8px;
  }
  .button-primary-500.m-sm {
    padding: 6px 14px;
  }
  .button-primary-500.m-md {
    padding: 12px 24px;
  }
  .button-primary-500.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-600 {
  border-color: #12a75e !important;
}

.background-primary-600 {
  background-color: #12a75e !important;
}

.button-primary-600 {
  font-family: "Helvetica", sans-serif;
  background-color: #12a75e;
  border: 1px solid #12a75e;
  color: #ffffff;
}
.button-primary-600.button-outline {
  background-color: transparent;
  border: 1px solid #12a75e;
  color: #12a75e;
}
.button-primary-600.button-outline:hover {
  background-color: #12a75e;
  color: #ffffff;
}
.button-primary-600:hover, .button-primary-600:focus {
  background-color: #12834c;
  color: #ffffff;
}
.button-primary-600.xs {
  padding: 4px 8px;
}
.button-primary-600.sm {
  padding: 6px 14px;
}
.button-primary-600.md {
  padding: 12px 24px;
}
.button-primary-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-600.m-xs {
    padding: 4px 8px;
  }
  .button-primary-600.m-sm {
    padding: 6px 14px;
  }
  .button-primary-600.m-md {
    padding: 12px 24px;
  }
  .button-primary-600.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-700 {
  border-color: #12834c !important;
}

.background-primary-700 {
  background-color: #12834c !important;
}

.button-primary-700 {
  font-family: "Helvetica", sans-serif;
  background-color: #12834c;
  border: 1px solid #12834c;
  color: #ffffff;
}
.button-primary-700.button-outline {
  background-color: transparent;
  border: 1px solid #12834c;
  color: #12834c;
}
.button-primary-700.button-outline:hover {
  background-color: #12834c;
  color: #ffffff;
}
.button-primary-700:hover, .button-primary-700:focus {
  background-color: #13643d;
  color: #ffffff;
}
.button-primary-700.xs {
  padding: 4px 8px;
}
.button-primary-700.sm {
  padding: 6px 14px;
}
.button-primary-700.md {
  padding: 12px 24px;
}
.button-primary-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-700.m-xs {
    padding: 4px 8px;
  }
  .button-primary-700.m-sm {
    padding: 6px 14px;
  }
  .button-primary-700.m-md {
    padding: 12px 24px;
  }
  .button-primary-700.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-800 {
  border-color: #13643d !important;
}

.background-primary-800 {
  background-color: #13643d !important;
}

.button-primary-800 {
  font-family: "Helvetica", sans-serif;
  background-color: #13643d;
  border: 1px solid #13643d;
  color: #ffffff;
}
.button-primary-800.button-outline {
  background-color: transparent;
  border: 1px solid #13643d;
  color: #13643d;
}
.button-primary-800.button-outline:hover {
  background-color: #13643d;
  color: #ffffff;
}
.button-primary-800:hover, .button-primary-800:focus {
  background-color: #125536;
  color: #ffffff;
}
.button-primary-800.xs {
  padding: 4px 8px;
}
.button-primary-800.sm {
  padding: 6px 14px;
}
.button-primary-800.md {
  padding: 12px 24px;
}
.button-primary-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-800.m-xs {
    padding: 4px 8px;
  }
  .button-primary-800.m-sm {
    padding: 6px 14px;
  }
  .button-primary-800.m-md {
    padding: 12px 24px;
  }
  .button-primary-800.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-900 {
  border-color: #125536 !important;
}

.background-primary-900 {
  background-color: #125536 !important;
}

.button-primary-900 {
  font-family: "Helvetica", sans-serif;
  background-color: #125536;
  border: 1px solid #125536;
  color: #ffffff;
}
.button-primary-900.button-outline {
  background-color: transparent;
  border: 1px solid #125536;
  color: #125536;
}
.button-primary-900.button-outline:hover {
  background-color: #125536;
  color: #ffffff;
}
.button-primary-900:hover, .button-primary-900:focus {
  color: #ffffff;
}
.button-primary-900.xs {
  padding: 4px 8px;
}
.button-primary-900.sm {
  padding: 6px 14px;
}
.button-primary-900.md {
  padding: 12px 24px;
}
.button-primary-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-900.m-xs {
    padding: 4px 8px;
  }
  .button-primary-900.m-sm {
    padding: 6px 14px;
  }
  .button-primary-900.m-md {
    padding: 12px 24px;
  }
  .button-primary-900.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-primary-950 {
  border-color: #042f1c !important;
}

.background-primary-950 {
  background-color: #042f1c !important;
}

.button-primary-950 {
  font-family: "Helvetica", sans-serif;
  background-color: #042f1c;
  border: 1px solid #042f1c;
  color: #ffffff;
}
.button-primary-950.button-outline {
  background-color: transparent;
  border: 1px solid #042f1c;
  color: #042f1c;
}
.button-primary-950.button-outline:hover {
  background-color: #042f1c;
  color: #ffffff;
}
.button-primary-950:hover, .button-primary-950:focus {
  color: #ffffff;
}
.button-primary-950.xs {
  padding: 4px 8px;
}
.button-primary-950.sm {
  padding: 6px 14px;
}
.button-primary-950.md {
  padding: 12px 24px;
}
.button-primary-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-primary-950.m-xs {
    padding: 4px 8px;
  }
  .button-primary-950.m-sm {
    padding: 6px 14px;
  }
  .button-primary-950.m-md {
    padding: 12px 24px;
  }
  .button-primary-950.m-lg {
    padding: 14px 28px;
  }
}
.button-primary-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-50 {
  border-color: !important;
}

.background-neutral-50 {
  background-color: !important;
}

.button-neutral-50 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-neutral-50.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-neutral-50.button-outline:hover {
  color: #ffffff;
}
.button-neutral-50:hover, .button-neutral-50:focus {
  color: #e9e9e1;
}
.button-neutral-50.xs {
  padding: 4px 8px;
}
.button-neutral-50.sm {
  padding: 6px 14px;
}
.button-neutral-50.md {
  padding: 12px 24px;
}
.button-neutral-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-50.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-50.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-50.m-md {
    padding: 12px 24px;
  }
  .button-neutral-50.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-100 {
  border-color: #f6f6f6 !important;
}

.background-neutral-100 {
  background-color: #f6f6f6 !important;
}

.button-neutral-100 {
  font-family: "Helvetica", sans-serif;
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
  color: #ffffff;
}
.button-neutral-100.button-outline {
  background-color: transparent;
  border: 1px solid #f6f6f6;
  color: #f6f6f6;
}
.button-neutral-100.button-outline:hover {
  background-color: #f6f6f6;
  color: #ffffff;
}
.button-neutral-100:hover, .button-neutral-100:focus {
  background-color: #e3e3e3;
  color: #ffffff;
}
.button-neutral-100.xs {
  padding: 4px 8px;
}
.button-neutral-100.sm {
  padding: 6px 14px;
}
.button-neutral-100.md {
  padding: 12px 24px;
}
.button-neutral-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-100.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-100.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-100.m-md {
    padding: 12px 24px;
  }
  .button-neutral-100.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-200 {
  border-color: #e3e3e3 !important;
}

.background-neutral-200 {
  background-color: #e3e3e3 !important;
}

.button-neutral-200 {
  font-family: "Helvetica", sans-serif;
  background-color: #e3e3e3;
  border: 1px solid #e3e3e3;
  color: #ffffff;
}
.button-neutral-200.button-outline {
  background-color: transparent;
  border: 1px solid #e3e3e3;
  color: #e3e3e3;
}
.button-neutral-200.button-outline:hover {
  background-color: #e3e3e3;
  color: #ffffff;
}
.button-neutral-200:hover, .button-neutral-200:focus {
  background-color: #d5d5d5;
  color: #ffffff;
}
.button-neutral-200.xs {
  padding: 4px 8px;
}
.button-neutral-200.sm {
  padding: 6px 14px;
}
.button-neutral-200.md {
  padding: 12px 24px;
}
.button-neutral-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-200.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-200.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-200.m-md {
    padding: 12px 24px;
  }
  .button-neutral-200.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-300 {
  border-color: #d5d5d5 !important;
}

.background-neutral-300 {
  background-color: #d5d5d5 !important;
}

.button-neutral-300 {
  font-family: "Helvetica", sans-serif;
  background-color: #d5d5d5;
  border: 1px solid #d5d5d5;
  color: #ffffff;
}
.button-neutral-300.button-outline {
  background-color: transparent;
  border: 1px solid #d5d5d5;
  color: #d5d5d5;
}
.button-neutral-300.button-outline:hover {
  background-color: #d5d5d5;
  color: #ffffff;
}
.button-neutral-300:hover, .button-neutral-300:focus {
  background-color: #c2c2c2;
  color: #ffffff;
}
.button-neutral-300.xs {
  padding: 4px 8px;
}
.button-neutral-300.sm {
  padding: 6px 14px;
}
.button-neutral-300.md {
  padding: 12px 24px;
}
.button-neutral-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-300.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-300.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-300.m-md {
    padding: 12px 24px;
  }
  .button-neutral-300.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-400 {
  border-color: #c2c2c2 !important;
}

.background-neutral-400 {
  background-color: #c2c2c2 !important;
}

.button-neutral-400 {
  font-family: "Helvetica", sans-serif;
  background-color: #c2c2c2;
  border: 1px solid #c2c2c2;
  color: #ffffff;
}
.button-neutral-400.button-outline {
  background-color: transparent;
  border: 1px solid #c2c2c2;
  color: #c2c2c2;
}
.button-neutral-400.button-outline:hover {
  background-color: #c2c2c2;
  color: #ffffff;
}
.button-neutral-400:hover, .button-neutral-400:focus {
  background-color: #b6b6b6;
  color: #ffffff;
}
.button-neutral-400.xs {
  padding: 4px 8px;
}
.button-neutral-400.sm {
  padding: 6px 14px;
}
.button-neutral-400.md {
  padding: 12px 24px;
}
.button-neutral-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-400.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-400.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-400.m-md {
    padding: 12px 24px;
  }
  .button-neutral-400.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-500 {
  border-color: #b6b6b6 !important;
}

.background-neutral-500 {
  background-color: #b6b6b6 !important;
}

.button-neutral-500 {
  font-family: "Helvetica", sans-serif;
  background-color: #b6b6b6;
  border: 1px solid #b6b6b6;
  color: #ffffff;
}
.button-neutral-500.button-outline {
  background-color: transparent;
  border: 1px solid #b6b6b6;
  color: #b6b6b6;
}
.button-neutral-500.button-outline:hover {
  background-color: #b6b6b6;
  color: #ffffff;
}
.button-neutral-500:hover, .button-neutral-500:focus {
  background-color: #a4a4a4;
  color: #ffffff;
}
.button-neutral-500.xs {
  padding: 4px 8px;
}
.button-neutral-500.sm {
  padding: 6px 14px;
}
.button-neutral-500.md {
  padding: 12px 24px;
}
.button-neutral-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-500.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-500.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-500.m-md {
    padding: 12px 24px;
  }
  .button-neutral-500.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-600 {
  border-color: #a4a4a4 !important;
}

.background-neutral-600 {
  background-color: #a4a4a4 !important;
}

.button-neutral-600 {
  font-family: "Helvetica", sans-serif;
  background-color: #a4a4a4;
  border: 1px solid #a4a4a4;
  color: #ffffff;
}
.button-neutral-600.button-outline {
  background-color: transparent;
  border: 1px solid #a4a4a4;
  color: #a4a4a4;
}
.button-neutral-600.button-outline:hover {
  background-color: #a4a4a4;
  color: #ffffff;
}
.button-neutral-600:hover, .button-neutral-600:focus {
  background-color: #959595;
  color: #ffffff;
}
.button-neutral-600.xs {
  padding: 4px 8px;
}
.button-neutral-600.sm {
  padding: 6px 14px;
}
.button-neutral-600.md {
  padding: 12px 24px;
}
.button-neutral-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-600.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-600.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-600.m-md {
    padding: 12px 24px;
  }
  .button-neutral-600.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-700 {
  border-color: #959595 !important;
}

.background-neutral-700 {
  background-color: #959595 !important;
}

.button-neutral-700 {
  font-family: "Helvetica", sans-serif;
  background-color: #959595;
  border: 1px solid #959595;
  color: #ffffff;
}
.button-neutral-700.button-outline {
  background-color: transparent;
  border: 1px solid #959595;
  color: #959595;
}
.button-neutral-700.button-outline:hover {
  background-color: #959595;
  color: #ffffff;
}
.button-neutral-700:hover, .button-neutral-700:focus {
  background-color: #5a5a5a;
  color: #ffffff;
}
.button-neutral-700.xs {
  padding: 4px 8px;
}
.button-neutral-700.sm {
  padding: 6px 14px;
}
.button-neutral-700.md {
  padding: 12px 24px;
}
.button-neutral-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-700.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-700.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-700.m-md {
    padding: 12px 24px;
  }
  .button-neutral-700.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-800 {
  border-color: #5a5a5a !important;
}

.background-neutral-800 {
  background-color: #5a5a5a !important;
}

.button-neutral-800 {
  font-family: "Helvetica", sans-serif;
  background-color: #5a5a5a;
  border: 1px solid #5a5a5a;
  color: #ffffff;
}
.button-neutral-800.button-outline {
  background-color: transparent;
  border: 1px solid #5a5a5a;
  color: #5a5a5a;
}
.button-neutral-800.button-outline:hover {
  background-color: #5a5a5a;
  color: #ffffff;
}
.button-neutral-800:hover, .button-neutral-800:focus {
  background-color: #202020;
  color: #ffffff;
}
.button-neutral-800.xs {
  padding: 4px 8px;
}
.button-neutral-800.sm {
  padding: 6px 14px;
}
.button-neutral-800.md {
  padding: 12px 24px;
}
.button-neutral-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-800.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-800.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-800.m-md {
    padding: 12px 24px;
  }
  .button-neutral-800.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-900 {
  border-color: #202020 !important;
}

.background-neutral-900 {
  background-color: #202020 !important;
}

.button-neutral-900 {
  font-family: "Helvetica", sans-serif;
  background-color: #202020;
  border: 1px solid #202020;
  color: #ffffff;
}
.button-neutral-900.button-outline {
  background-color: transparent;
  border: 1px solid #202020;
  color: #202020;
}
.button-neutral-900.button-outline:hover {
  background-color: #202020;
  color: #ffffff;
}
.button-neutral-900:hover, .button-neutral-900:focus {
  color: #ffffff;
}
.button-neutral-900.xs {
  padding: 4px 8px;
}
.button-neutral-900.sm {
  padding: 6px 14px;
}
.button-neutral-900.md {
  padding: 12px 24px;
}
.button-neutral-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-900.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-900.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-900.m-md {
    padding: 12px 24px;
  }
  .button-neutral-900.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-neutral-950 {
  border-color: !important;
}

.background-neutral-950 {
  background-color: !important;
}

.button-neutral-950 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-neutral-950.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-neutral-950.button-outline:hover {
  color: #ffffff;
}
.button-neutral-950:hover, .button-neutral-950:focus {
  color: #ffffff;
}
.button-neutral-950.xs {
  padding: 4px 8px;
}
.button-neutral-950.sm {
  padding: 6px 14px;
}
.button-neutral-950.md {
  padding: 12px 24px;
}
.button-neutral-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-neutral-950.m-xs {
    padding: 4px 8px;
  }
  .button-neutral-950.m-sm {
    padding: 6px 14px;
  }
  .button-neutral-950.m-md {
    padding: 12px 24px;
  }
  .button-neutral-950.m-lg {
    padding: 14px 28px;
  }
}
.button-neutral-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-50 {
  border-color: #f3f5f0 !important;
}

.background-teal-50 {
  background-color: #f3f5f0 !important;
}

.button-teal-50 {
  font-family: "Helvetica", sans-serif;
  background-color: #f3f5f0;
  border: 1px solid #f3f5f0;
  color: #e9e9e1;
}
.button-teal-50.button-outline {
  background-color: transparent;
  border: 1px solid #f3f5f0;
  color: #f3f5f0;
}
.button-teal-50.button-outline:hover {
  background-color: #f3f5f0;
  color: #ffffff;
}
.button-teal-50:hover, .button-teal-50:focus {
  color: #e9e9e1;
}
.button-teal-50.xs {
  padding: 4px 8px;
}
.button-teal-50.sm {
  padding: 6px 14px;
}
.button-teal-50.md {
  padding: 12px 24px;
}
.button-teal-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-50.m-xs {
    padding: 4px 8px;
  }
  .button-teal-50.m-sm {
    padding: 6px 14px;
  }
  .button-teal-50.m-md {
    padding: 12px 24px;
  }
  .button-teal-50.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-100 {
  border-color: #e6e8df !important;
}

.background-teal-100 {
  background-color: #e6e8df !important;
}

.button-teal-100 {
  font-family: "Helvetica", sans-serif;
  background-color: #e6e8df;
  border: 1px solid #e6e8df;
  color: #ffffff;
}
.button-teal-100.button-outline {
  background-color: transparent;
  border: 1px solid #e6e8df;
  color: #e6e8df;
}
.button-teal-100.button-outline:hover {
  background-color: #e6e8df;
  color: #ffffff;
}
.button-teal-100:hover, .button-teal-100:focus {
  background-color: #d0d3c3;
  color: #ffffff;
}
.button-teal-100.xs {
  padding: 4px 8px;
}
.button-teal-100.sm {
  padding: 6px 14px;
}
.button-teal-100.md {
  padding: 12px 24px;
}
.button-teal-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-100.m-xs {
    padding: 4px 8px;
  }
  .button-teal-100.m-sm {
    padding: 6px 14px;
  }
  .button-teal-100.m-md {
    padding: 12px 24px;
  }
  .button-teal-100.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-200 {
  border-color: #d0d3c3 !important;
}

.background-teal-200 {
  background-color: #d0d3c3 !important;
}

.button-teal-200 {
  font-family: "Helvetica", sans-serif;
  background-color: #d0d3c3;
  border: 1px solid #d0d3c3;
  color: #ffffff;
}
.button-teal-200.button-outline {
  background-color: transparent;
  border: 1px solid #d0d3c3;
  color: #d0d3c3;
}
.button-teal-200.button-outline:hover {
  background-color: #d0d3c3;
  color: #ffffff;
}
.button-teal-200:hover, .button-teal-200:focus {
  background-color: #b1b89e;
  color: #ffffff;
}
.button-teal-200.xs {
  padding: 4px 8px;
}
.button-teal-200.sm {
  padding: 6px 14px;
}
.button-teal-200.md {
  padding: 12px 24px;
}
.button-teal-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-200.m-xs {
    padding: 4px 8px;
  }
  .button-teal-200.m-sm {
    padding: 6px 14px;
  }
  .button-teal-200.m-md {
    padding: 12px 24px;
  }
  .button-teal-200.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-300 {
  border-color: #b1b89e !important;
}

.background-teal-300 {
  background-color: #b1b89e !important;
}

.button-teal-300 {
  font-family: "Helvetica", sans-serif;
  background-color: #b1b89e;
  border: 1px solid #b1b89e;
  color: #ffffff;
}
.button-teal-300.button-outline {
  background-color: transparent;
  border: 1px solid #b1b89e;
  color: #b1b89e;
}
.button-teal-300.button-outline:hover {
  background-color: #b1b89e;
  color: #ffffff;
}
.button-teal-300:hover, .button-teal-300:focus {
  background-color: #949e7d;
  color: #ffffff;
}
.button-teal-300.xs {
  padding: 4px 8px;
}
.button-teal-300.sm {
  padding: 6px 14px;
}
.button-teal-300.md {
  padding: 12px 24px;
}
.button-teal-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-300.m-xs {
    padding: 4px 8px;
  }
  .button-teal-300.m-sm {
    padding: 6px 14px;
  }
  .button-teal-300.m-md {
    padding: 12px 24px;
  }
  .button-teal-300.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-400 {
  border-color: #949e7d !important;
}

.background-teal-400 {
  background-color: #949e7d !important;
}

.button-teal-400 {
  font-family: "Helvetica", sans-serif;
  background-color: #949e7d;
  border: 1px solid #949e7d;
  color: #ffffff;
}
.button-teal-400.button-outline {
  background-color: transparent;
  border: 1px solid #949e7d;
  color: #949e7d;
}
.button-teal-400.button-outline:hover {
  background-color: #949e7d;
  color: #ffffff;
}
.button-teal-400:hover, .button-teal-400:focus {
  background-color: #778260;
  color: #ffffff;
}
.button-teal-400.xs {
  padding: 4px 8px;
}
.button-teal-400.sm {
  padding: 6px 14px;
}
.button-teal-400.md {
  padding: 12px 24px;
}
.button-teal-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-400.m-xs {
    padding: 4px 8px;
  }
  .button-teal-400.m-sm {
    padding: 6px 14px;
  }
  .button-teal-400.m-md {
    padding: 12px 24px;
  }
  .button-teal-400.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-500 {
  border-color: #778260 !important;
}

.background-teal-500 {
  background-color: #778260 !important;
}

.button-teal-500 {
  font-family: "Helvetica", sans-serif;
  background-color: #778260;
  border: 1px solid #778260;
  color: #ffffff;
}
.button-teal-500.button-outline {
  background-color: transparent;
  border: 1px solid #778260;
  color: #778260;
}
.button-teal-500.button-outline:hover {
  background-color: #778260;
  color: #ffffff;
}
.button-teal-500:hover, .button-teal-500:focus {
  background-color: #5d664a;
  color: #ffffff;
}
.button-teal-500.xs {
  padding: 4px 8px;
}
.button-teal-500.sm {
  padding: 6px 14px;
}
.button-teal-500.md {
  padding: 12px 24px;
}
.button-teal-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-500.m-xs {
    padding: 4px 8px;
  }
  .button-teal-500.m-sm {
    padding: 6px 14px;
  }
  .button-teal-500.m-md {
    padding: 12px 24px;
  }
  .button-teal-500.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-600 {
  border-color: #5d664a !important;
}

.background-teal-600 {
  background-color: #5d664a !important;
}

.button-teal-600 {
  font-family: "Helvetica", sans-serif;
  background-color: #5d664a;
  border: 1px solid #5d664a;
  color: #ffffff;
}
.button-teal-600.button-outline {
  background-color: transparent;
  border: 1px solid #5d664a;
  color: #5d664a;
}
.button-teal-600.button-outline:hover {
  background-color: #5d664a;
  color: #ffffff;
}
.button-teal-600:hover, .button-teal-600:focus {
  background-color: #494f3c;
  color: #ffffff;
}
.button-teal-600.xs {
  padding: 4px 8px;
}
.button-teal-600.sm {
  padding: 6px 14px;
}
.button-teal-600.md {
  padding: 12px 24px;
}
.button-teal-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-600.m-xs {
    padding: 4px 8px;
  }
  .button-teal-600.m-sm {
    padding: 6px 14px;
  }
  .button-teal-600.m-md {
    padding: 12px 24px;
  }
  .button-teal-600.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-700 {
  border-color: #494f3c !important;
}

.background-teal-700 {
  background-color: #494f3c !important;
}

.button-teal-700 {
  font-family: "Helvetica", sans-serif;
  background-color: #494f3c;
  border: 1px solid #494f3c;
  color: #ffffff;
}
.button-teal-700.button-outline {
  background-color: transparent;
  border: 1px solid #494f3c;
  color: #494f3c;
}
.button-teal-700.button-outline:hover {
  background-color: #494f3c;
  color: #ffffff;
}
.button-teal-700:hover, .button-teal-700:focus {
  background-color: #3c4133;
  color: #ffffff;
}
.button-teal-700.xs {
  padding: 4px 8px;
}
.button-teal-700.sm {
  padding: 6px 14px;
}
.button-teal-700.md {
  padding: 12px 24px;
}
.button-teal-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-700.m-xs {
    padding: 4px 8px;
  }
  .button-teal-700.m-sm {
    padding: 6px 14px;
  }
  .button-teal-700.m-md {
    padding: 12px 24px;
  }
  .button-teal-700.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-800 {
  border-color: #3c4133 !important;
}

.background-teal-800 {
  background-color: #3c4133 !important;
}

.button-teal-800 {
  font-family: "Helvetica", sans-serif;
  background-color: #3c4133;
  border: 1px solid #3c4133;
  color: #ffffff;
}
.button-teal-800.button-outline {
  background-color: transparent;
  border: 1px solid #3c4133;
  color: #3c4133;
}
.button-teal-800.button-outline:hover {
  background-color: #3c4133;
  color: #ffffff;
}
.button-teal-800:hover, .button-teal-800:focus {
  background-color: #33372c;
  color: #ffffff;
}
.button-teal-800.xs {
  padding: 4px 8px;
}
.button-teal-800.sm {
  padding: 6px 14px;
}
.button-teal-800.md {
  padding: 12px 24px;
}
.button-teal-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-800.m-xs {
    padding: 4px 8px;
  }
  .button-teal-800.m-sm {
    padding: 6px 14px;
  }
  .button-teal-800.m-md {
    padding: 12px 24px;
  }
  .button-teal-800.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-900 {
  border-color: #33372c !important;
}

.background-teal-900 {
  background-color: #33372c !important;
}

.button-teal-900 {
  font-family: "Helvetica", sans-serif;
  background-color: #33372c;
  border: 1px solid #33372c;
  color: #ffffff;
}
.button-teal-900.button-outline {
  background-color: transparent;
  border: 1px solid #33372c;
  color: #33372c;
}
.button-teal-900.button-outline:hover {
  background-color: #33372c;
  color: #ffffff;
}
.button-teal-900:hover, .button-teal-900:focus {
  color: #ffffff;
}
.button-teal-900.xs {
  padding: 4px 8px;
}
.button-teal-900.sm {
  padding: 6px 14px;
}
.button-teal-900.md {
  padding: 12px 24px;
}
.button-teal-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-900.m-xs {
    padding: 4px 8px;
  }
  .button-teal-900.m-sm {
    padding: 6px 14px;
  }
  .button-teal-900.m-md {
    padding: 12px 24px;
  }
  .button-teal-900.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-teal-950 {
  border-color: !important;
}

.background-teal-950 {
  background-color: !important;
}

.button-teal-950 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-teal-950.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-teal-950.button-outline:hover {
  color: #ffffff;
}
.button-teal-950:hover, .button-teal-950:focus {
  color: #ffffff;
}
.button-teal-950.xs {
  padding: 4px 8px;
}
.button-teal-950.sm {
  padding: 6px 14px;
}
.button-teal-950.md {
  padding: 12px 24px;
}
.button-teal-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-teal-950.m-xs {
    padding: 4px 8px;
  }
  .button-teal-950.m-sm {
    padding: 6px 14px;
  }
  .button-teal-950.m-md {
    padding: 12px 24px;
  }
  .button-teal-950.m-lg {
    padding: 14px 28px;
  }
}
.button-teal-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-50 {
  border-color: !important;
}

.background-warning-50 {
  background-color: !important;
}

.button-warning-50 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-warning-50.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-warning-50.button-outline:hover {
  color: #ffffff;
}
.button-warning-50:hover, .button-warning-50:focus {
  color: #e9e9e1;
}
.button-warning-50.xs {
  padding: 4px 8px;
}
.button-warning-50.sm {
  padding: 6px 14px;
}
.button-warning-50.md {
  padding: 12px 24px;
}
.button-warning-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-50.m-xs {
    padding: 4px 8px;
  }
  .button-warning-50.m-sm {
    padding: 6px 14px;
  }
  .button-warning-50.m-md {
    padding: 12px 24px;
  }
  .button-warning-50.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-100 {
  border-color: #fff8c2 !important;
}

.background-warning-100 {
  background-color: #fff8c2 !important;
}

.button-warning-100 {
  font-family: "Helvetica", sans-serif;
  background-color: #fff8c2;
  border: 1px solid #fff8c2;
  color: #ffffff;
}
.button-warning-100.button-outline {
  background-color: transparent;
  border: 1px solid #fff8c2;
  color: #fff8c2;
}
.button-warning-100.button-outline:hover {
  background-color: #fff8c2;
  color: #ffffff;
}
.button-warning-100:hover, .button-warning-100:focus {
  background-color: #ffef83;
  color: #ffffff;
}
.button-warning-100.xs {
  padding: 4px 8px;
}
.button-warning-100.sm {
  padding: 6px 14px;
}
.button-warning-100.md {
  padding: 12px 24px;
}
.button-warning-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-100.m-xs {
    padding: 4px 8px;
  }
  .button-warning-100.m-sm {
    padding: 6px 14px;
  }
  .button-warning-100.m-md {
    padding: 12px 24px;
  }
  .button-warning-100.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-200 {
  border-color: #ffef83 !important;
}

.background-warning-200 {
  background-color: #ffef83 !important;
}

.button-warning-200 {
  font-family: "Helvetica", sans-serif;
  background-color: #ffef83;
  border: 1px solid #ffef83;
  color: #ffffff;
}
.button-warning-200.button-outline {
  background-color: transparent;
  border: 1px solid #ffef83;
  color: #ffef83;
}
.button-warning-200.button-outline:hover {
  background-color: #ffef83;
  color: #ffffff;
}
.button-warning-200:hover, .button-warning-200:focus {
  background-color: #ffdd44;
  color: #ffffff;
}
.button-warning-200.xs {
  padding: 4px 8px;
}
.button-warning-200.sm {
  padding: 6px 14px;
}
.button-warning-200.md {
  padding: 12px 24px;
}
.button-warning-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-200.m-xs {
    padding: 4px 8px;
  }
  .button-warning-200.m-sm {
    padding: 6px 14px;
  }
  .button-warning-200.m-md {
    padding: 12px 24px;
  }
  .button-warning-200.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-300 {
  border-color: #ffdd44 !important;
}

.background-warning-300 {
  background-color: #ffdd44 !important;
}

.button-warning-300 {
  font-family: "Helvetica", sans-serif;
  background-color: #ffdd44;
  border: 1px solid #ffdd44;
  color: #ffffff;
}
.button-warning-300.button-outline {
  background-color: transparent;
  border: 1px solid #ffdd44;
  color: #ffdd44;
}
.button-warning-300.button-outline:hover {
  background-color: #ffdd44;
  color: #ffffff;
}
.button-warning-300:hover, .button-warning-300:focus {
  background-color: #fec811;
  color: #ffffff;
}
.button-warning-300.xs {
  padding: 4px 8px;
}
.button-warning-300.sm {
  padding: 6px 14px;
}
.button-warning-300.md {
  padding: 12px 24px;
}
.button-warning-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-300.m-xs {
    padding: 4px 8px;
  }
  .button-warning-300.m-sm {
    padding: 6px 14px;
  }
  .button-warning-300.m-md {
    padding: 12px 24px;
  }
  .button-warning-300.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-400 {
  border-color: #fec811 !important;
}

.background-warning-400 {
  background-color: #fec811 !important;
}

.button-warning-400 {
  font-family: "Helvetica", sans-serif;
  background-color: #fec811;
  border: 1px solid #fec811;
  color: #ffffff;
}
.button-warning-400.button-outline {
  background-color: transparent;
  border: 1px solid #fec811;
  color: #fec811;
}
.button-warning-400.button-outline:hover {
  background-color: #fec811;
  color: #ffffff;
}
.button-warning-400:hover, .button-warning-400:focus {
  background-color: #f1b104;
  color: #ffffff;
}
.button-warning-400.xs {
  padding: 4px 8px;
}
.button-warning-400.sm {
  padding: 6px 14px;
}
.button-warning-400.md {
  padding: 12px 24px;
}
.button-warning-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-400.m-xs {
    padding: 4px 8px;
  }
  .button-warning-400.m-sm {
    padding: 6px 14px;
  }
  .button-warning-400.m-md {
    padding: 12px 24px;
  }
  .button-warning-400.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-500 {
  border-color: #f1b104 !important;
}

.background-warning-500 {
  background-color: #f1b104 !important;
}

.button-warning-500 {
  font-family: "Helvetica", sans-serif;
  background-color: #f1b104;
  border: 1px solid #f1b104;
  color: #ffffff;
}
.button-warning-500.button-outline {
  background-color: transparent;
  border: 1px solid #f1b104;
  color: #f1b104;
}
.button-warning-500.button-outline:hover {
  background-color: #f1b104;
  color: #ffffff;
}
.button-warning-500:hover, .button-warning-500:focus {
  background-color: #ce8600;
  color: #ffffff;
}
.button-warning-500.xs {
  padding: 4px 8px;
}
.button-warning-500.sm {
  padding: 6px 14px;
}
.button-warning-500.md {
  padding: 12px 24px;
}
.button-warning-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-500.m-xs {
    padding: 4px 8px;
  }
  .button-warning-500.m-sm {
    padding: 6px 14px;
  }
  .button-warning-500.m-md {
    padding: 12px 24px;
  }
  .button-warning-500.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-600 {
  border-color: #ce8600 !important;
}

.background-warning-600 {
  background-color: #ce8600 !important;
}

.button-warning-600 {
  font-family: "Helvetica", sans-serif;
  background-color: #ce8600;
  border: 1px solid #ce8600;
  color: #ffffff;
}
.button-warning-600.button-outline {
  background-color: transparent;
  border: 1px solid #ce8600;
  color: #ce8600;
}
.button-warning-600.button-outline:hover {
  background-color: #ce8600;
  color: #ffffff;
}
.button-warning-600:hover, .button-warning-600:focus {
  background-color: #a45f04;
  color: #ffffff;
}
.button-warning-600.xs {
  padding: 4px 8px;
}
.button-warning-600.sm {
  padding: 6px 14px;
}
.button-warning-600.md {
  padding: 12px 24px;
}
.button-warning-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-600.m-xs {
    padding: 4px 8px;
  }
  .button-warning-600.m-sm {
    padding: 6px 14px;
  }
  .button-warning-600.m-md {
    padding: 12px 24px;
  }
  .button-warning-600.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-700 {
  border-color: #a45f04 !important;
}

.background-warning-700 {
  background-color: #a45f04 !important;
}

.button-warning-700 {
  font-family: "Helvetica", sans-serif;
  background-color: #a45f04;
  border: 1px solid #a45f04;
  color: #ffffff;
}
.button-warning-700.button-outline {
  background-color: transparent;
  border: 1px solid #a45f04;
  color: #a45f04;
}
.button-warning-700.button-outline:hover {
  background-color: #a45f04;
  color: #ffffff;
}
.button-warning-700:hover, .button-warning-700:focus {
  background-color: #874a0c;
  color: #ffffff;
}
.button-warning-700.xs {
  padding: 4px 8px;
}
.button-warning-700.sm {
  padding: 6px 14px;
}
.button-warning-700.md {
  padding: 12px 24px;
}
.button-warning-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-700.m-xs {
    padding: 4px 8px;
  }
  .button-warning-700.m-sm {
    padding: 6px 14px;
  }
  .button-warning-700.m-md {
    padding: 12px 24px;
  }
  .button-warning-700.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-800 {
  border-color: #874a0c !important;
}

.background-warning-800 {
  background-color: #874a0c !important;
}

.button-warning-800 {
  font-family: "Helvetica", sans-serif;
  background-color: #874a0c;
  border: 1px solid #874a0c;
  color: #ffffff;
}
.button-warning-800.button-outline {
  background-color: transparent;
  border: 1px solid #874a0c;
  color: #874a0c;
}
.button-warning-800.button-outline:hover {
  background-color: #874a0c;
  color: #ffffff;
}
.button-warning-800:hover, .button-warning-800:focus {
  background-color: #733c10;
  color: #ffffff;
}
.button-warning-800.xs {
  padding: 4px 8px;
}
.button-warning-800.sm {
  padding: 6px 14px;
}
.button-warning-800.md {
  padding: 12px 24px;
}
.button-warning-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-800.m-xs {
    padding: 4px 8px;
  }
  .button-warning-800.m-sm {
    padding: 6px 14px;
  }
  .button-warning-800.m-md {
    padding: 12px 24px;
  }
  .button-warning-800.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-900 {
  border-color: #733c10 !important;
}

.background-warning-900 {
  background-color: #733c10 !important;
}

.button-warning-900 {
  font-family: "Helvetica", sans-serif;
  background-color: #733c10;
  border: 1px solid #733c10;
  color: #ffffff;
}
.button-warning-900.button-outline {
  background-color: transparent;
  border: 1px solid #733c10;
  color: #733c10;
}
.button-warning-900.button-outline:hover {
  background-color: #733c10;
  color: #ffffff;
}
.button-warning-900:hover, .button-warning-900:focus {
  color: #ffffff;
}
.button-warning-900.xs {
  padding: 4px 8px;
}
.button-warning-900.sm {
  padding: 6px 14px;
}
.button-warning-900.md {
  padding: 12px 24px;
}
.button-warning-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-900.m-xs {
    padding: 4px 8px;
  }
  .button-warning-900.m-sm {
    padding: 6px 14px;
  }
  .button-warning-900.m-md {
    padding: 12px 24px;
  }
  .button-warning-900.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-warning-950 {
  border-color: !important;
}

.background-warning-950 {
  background-color: !important;
}

.button-warning-950 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-warning-950.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-warning-950.button-outline:hover {
  color: #ffffff;
}
.button-warning-950:hover, .button-warning-950:focus {
  color: #ffffff;
}
.button-warning-950.xs {
  padding: 4px 8px;
}
.button-warning-950.sm {
  padding: 6px 14px;
}
.button-warning-950.md {
  padding: 12px 24px;
}
.button-warning-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-warning-950.m-xs {
    padding: 4px 8px;
  }
  .button-warning-950.m-sm {
    padding: 6px 14px;
  }
  .button-warning-950.m-md {
    padding: 12px 24px;
  }
  .button-warning-950.m-lg {
    padding: 14px 28px;
  }
}
.button-warning-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-50 {
  border-color: !important;
}

.background-success-50 {
  background-color: !important;
}

.button-success-50 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-success-50.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-success-50.button-outline:hover {
  color: #ffffff;
}
.button-success-50:hover, .button-success-50:focus {
  color: #e9e9e1;
}
.button-success-50.xs {
  padding: 4px 8px;
}
.button-success-50.sm {
  padding: 6px 14px;
}
.button-success-50.md {
  padding: 12px 24px;
}
.button-success-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-50.m-xs {
    padding: 4px 8px;
  }
  .button-success-50.m-sm {
    padding: 6px 14px;
  }
  .button-success-50.m-md {
    padding: 12px 24px;
  }
  .button-success-50.m-lg {
    padding: 14px 28px;
  }
}
.button-success-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-100 {
  border-color: #e8fff2 !important;
}

.background-success-100 {
  background-color: #e8fff2 !important;
}

.button-success-100 {
  font-family: "Helvetica", sans-serif;
  background-color: #e8fff2;
  border: 1px solid #e8fff2;
  color: #ffffff;
}
.button-success-100.button-outline {
  background-color: transparent;
  border: 1px solid #e8fff2;
  color: #e8fff2;
}
.button-success-100.button-outline:hover {
  background-color: #e8fff2;
  color: #ffffff;
}
.button-success-100:hover, .button-success-100:focus {
  background-color: #5dbe89;
  color: #ffffff;
}
.button-success-100.xs {
  padding: 4px 8px;
}
.button-success-100.sm {
  padding: 6px 14px;
}
.button-success-100.md {
  padding: 12px 24px;
}
.button-success-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-100.m-xs {
    padding: 4px 8px;
  }
  .button-success-100.m-sm {
    padding: 6px 14px;
  }
  .button-success-100.m-md {
    padding: 12px 24px;
  }
  .button-success-100.m-lg {
    padding: 14px 28px;
  }
}
.button-success-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-200 {
  border-color: #5dbe89 !important;
}

.background-success-200 {
  background-color: #5dbe89 !important;
}

.button-success-200 {
  font-family: "Helvetica", sans-serif;
  background-color: #5dbe89;
  border: 1px solid #5dbe89;
  color: #ffffff;
}
.button-success-200.button-outline {
  background-color: transparent;
  border: 1px solid #5dbe89;
  color: #5dbe89;
}
.button-success-200.button-outline:hover {
  background-color: #5dbe89;
  color: #ffffff;
}
.button-success-200:hover, .button-success-200:focus {
  background-color: #38a569;
  color: #ffffff;
}
.button-success-200.xs {
  padding: 4px 8px;
}
.button-success-200.sm {
  padding: 6px 14px;
}
.button-success-200.md {
  padding: 12px 24px;
}
.button-success-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-200.m-xs {
    padding: 4px 8px;
  }
  .button-success-200.m-sm {
    padding: 6px 14px;
  }
  .button-success-200.m-md {
    padding: 12px 24px;
  }
  .button-success-200.m-lg {
    padding: 14px 28px;
  }
}
.button-success-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-300 {
  border-color: #38a569 !important;
}

.background-success-300 {
  background-color: #38a569 !important;
}

.button-success-300 {
  font-family: "Helvetica", sans-serif;
  background-color: #38a569;
  border: 1px solid #38a569;
  color: #ffffff;
}
.button-success-300.button-outline {
  background-color: transparent;
  border: 1px solid #38a569;
  color: #38a569;
}
.button-success-300.button-outline:hover {
  background-color: #38a569;
  color: #ffffff;
}
.button-success-300:hover, .button-success-300:focus {
  color: #ffffff;
}
.button-success-300.xs {
  padding: 4px 8px;
}
.button-success-300.sm {
  padding: 6px 14px;
}
.button-success-300.md {
  padding: 12px 24px;
}
.button-success-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-300.m-xs {
    padding: 4px 8px;
  }
  .button-success-300.m-sm {
    padding: 6px 14px;
  }
  .button-success-300.m-md {
    padding: 12px 24px;
  }
  .button-success-300.m-lg {
    padding: 14px 28px;
  }
}
.button-success-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-400 {
  border-color: !important;
}

.background-success-400 {
  background-color: !important;
}

.button-success-400 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-success-400.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-success-400.button-outline:hover {
  color: #ffffff;
}
.button-success-400:hover, .button-success-400:focus {
  color: #ffffff;
}
.button-success-400.xs {
  padding: 4px 8px;
}
.button-success-400.sm {
  padding: 6px 14px;
}
.button-success-400.md {
  padding: 12px 24px;
}
.button-success-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-400.m-xs {
    padding: 4px 8px;
  }
  .button-success-400.m-sm {
    padding: 6px 14px;
  }
  .button-success-400.m-md {
    padding: 12px 24px;
  }
  .button-success-400.m-lg {
    padding: 14px 28px;
  }
}
.button-success-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-500 {
  border-color: !important;
}

.background-success-500 {
  background-color: !important;
}

.button-success-500 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-success-500.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-success-500.button-outline:hover {
  color: #ffffff;
}
.button-success-500:hover, .button-success-500:focus {
  color: #ffffff;
}
.button-success-500.xs {
  padding: 4px 8px;
}
.button-success-500.sm {
  padding: 6px 14px;
}
.button-success-500.md {
  padding: 12px 24px;
}
.button-success-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-500.m-xs {
    padding: 4px 8px;
  }
  .button-success-500.m-sm {
    padding: 6px 14px;
  }
  .button-success-500.m-md {
    padding: 12px 24px;
  }
  .button-success-500.m-lg {
    padding: 14px 28px;
  }
}
.button-success-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-600 {
  border-color: !important;
}

.background-success-600 {
  background-color: !important;
}

.button-success-600 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-success-600.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-success-600.button-outline:hover {
  color: #ffffff;
}
.button-success-600:hover, .button-success-600:focus {
  color: #ffffff;
}
.button-success-600.xs {
  padding: 4px 8px;
}
.button-success-600.sm {
  padding: 6px 14px;
}
.button-success-600.md {
  padding: 12px 24px;
}
.button-success-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-600.m-xs {
    padding: 4px 8px;
  }
  .button-success-600.m-sm {
    padding: 6px 14px;
  }
  .button-success-600.m-md {
    padding: 12px 24px;
  }
  .button-success-600.m-lg {
    padding: 14px 28px;
  }
}
.button-success-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-700 {
  border-color: !important;
}

.background-success-700 {
  background-color: !important;
}

.button-success-700 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-success-700.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-success-700.button-outline:hover {
  color: #ffffff;
}
.button-success-700:hover, .button-success-700:focus {
  color: #ffffff;
}
.button-success-700.xs {
  padding: 4px 8px;
}
.button-success-700.sm {
  padding: 6px 14px;
}
.button-success-700.md {
  padding: 12px 24px;
}
.button-success-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-700.m-xs {
    padding: 4px 8px;
  }
  .button-success-700.m-sm {
    padding: 6px 14px;
  }
  .button-success-700.m-md {
    padding: 12px 24px;
  }
  .button-success-700.m-lg {
    padding: 14px 28px;
  }
}
.button-success-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-800 {
  border-color: !important;
}

.background-success-800 {
  background-color: !important;
}

.button-success-800 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-success-800.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-success-800.button-outline:hover {
  color: #ffffff;
}
.button-success-800:hover, .button-success-800:focus {
  color: #ffffff;
}
.button-success-800.xs {
  padding: 4px 8px;
}
.button-success-800.sm {
  padding: 6px 14px;
}
.button-success-800.md {
  padding: 12px 24px;
}
.button-success-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-800.m-xs {
    padding: 4px 8px;
  }
  .button-success-800.m-sm {
    padding: 6px 14px;
  }
  .button-success-800.m-md {
    padding: 12px 24px;
  }
  .button-success-800.m-lg {
    padding: 14px 28px;
  }
}
.button-success-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-900 {
  border-color: !important;
}

.background-success-900 {
  background-color: !important;
}

.button-success-900 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-success-900.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-success-900.button-outline:hover {
  color: #ffffff;
}
.button-success-900:hover, .button-success-900:focus {
  color: #ffffff;
}
.button-success-900.xs {
  padding: 4px 8px;
}
.button-success-900.sm {
  padding: 6px 14px;
}
.button-success-900.md {
  padding: 12px 24px;
}
.button-success-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-900.m-xs {
    padding: 4px 8px;
  }
  .button-success-900.m-sm {
    padding: 6px 14px;
  }
  .button-success-900.m-md {
    padding: 12px 24px;
  }
  .button-success-900.m-lg {
    padding: 14px 28px;
  }
}
.button-success-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-success-950 {
  border-color: !important;
}

.background-success-950 {
  background-color: !important;
}

.button-success-950 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-success-950.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-success-950.button-outline:hover {
  color: #ffffff;
}
.button-success-950:hover, .button-success-950:focus {
  color: #ffffff;
}
.button-success-950.xs {
  padding: 4px 8px;
}
.button-success-950.sm {
  padding: 6px 14px;
}
.button-success-950.md {
  padding: 12px 24px;
}
.button-success-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-success-950.m-xs {
    padding: 4px 8px;
  }
  .button-success-950.m-sm {
    padding: 6px 14px;
  }
  .button-success-950.m-md {
    padding: 12px 24px;
  }
  .button-success-950.m-lg {
    padding: 14px 28px;
  }
}
.button-success-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-50 {
  border-color: !important;
}

.background-danger-50 {
  background-color: !important;
}

.button-danger-50 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-danger-50.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-danger-50.button-outline:hover {
  color: #ffffff;
}
.button-danger-50:hover, .button-danger-50:focus {
  color: #e9e9e1;
}
.button-danger-50.xs {
  padding: 4px 8px;
}
.button-danger-50.sm {
  padding: 6px 14px;
}
.button-danger-50.md {
  padding: 12px 24px;
}
.button-danger-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-50.m-xs {
    padding: 4px 8px;
  }
  .button-danger-50.m-sm {
    padding: 6px 14px;
  }
  .button-danger-50.m-md {
    padding: 12px 24px;
  }
  .button-danger-50.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-100 {
  border-color: #fff2f2 !important;
}

.background-danger-100 {
  background-color: #fff2f2 !important;
}

.button-danger-100 {
  font-family: "Helvetica", sans-serif;
  background-color: #fff2f2;
  border: 1px solid #fff2f2;
  color: #ffffff;
}
.button-danger-100.button-outline {
  background-color: transparent;
  border: 1px solid #fff2f2;
  color: #fff2f2;
}
.button-danger-100.button-outline:hover {
  background-color: #fff2f2;
  color: #ffffff;
}
.button-danger-100:hover, .button-danger-100:focus {
  background-color: #eb4245;
  color: #ffffff;
}
.button-danger-100.xs {
  padding: 4px 8px;
}
.button-danger-100.sm {
  padding: 6px 14px;
}
.button-danger-100.md {
  padding: 12px 24px;
}
.button-danger-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-100.m-xs {
    padding: 4px 8px;
  }
  .button-danger-100.m-sm {
    padding: 6px 14px;
  }
  .button-danger-100.m-md {
    padding: 12px 24px;
  }
  .button-danger-100.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-200 {
  border-color: #eb4245 !important;
}

.background-danger-200 {
  background-color: #eb4245 !important;
}

.button-danger-200 {
  font-family: "Helvetica", sans-serif;
  background-color: #eb4245;
  border: 1px solid #eb4245;
  color: #ffffff;
}
.button-danger-200.button-outline {
  background-color: transparent;
  border: 1px solid #eb4245;
  color: #eb4245;
}
.button-danger-200.button-outline:hover {
  background-color: #eb4245;
  color: #ffffff;
}
.button-danger-200:hover, .button-danger-200:focus {
  background-color: #db1f22;
  color: #ffffff;
}
.button-danger-200.xs {
  padding: 4px 8px;
}
.button-danger-200.sm {
  padding: 6px 14px;
}
.button-danger-200.md {
  padding: 12px 24px;
}
.button-danger-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-200.m-xs {
    padding: 4px 8px;
  }
  .button-danger-200.m-sm {
    padding: 6px 14px;
  }
  .button-danger-200.m-md {
    padding: 12px 24px;
  }
  .button-danger-200.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-300 {
  border-color: #db1f22 !important;
}

.background-danger-300 {
  background-color: #db1f22 !important;
}

.button-danger-300 {
  font-family: "Helvetica", sans-serif;
  background-color: #db1f22;
  border: 1px solid #db1f22;
  color: #ffffff;
}
.button-danger-300.button-outline {
  background-color: transparent;
  border: 1px solid #db1f22;
  color: #db1f22;
}
.button-danger-300.button-outline:hover {
  background-color: #db1f22;
  color: #ffffff;
}
.button-danger-300:hover, .button-danger-300:focus {
  color: #ffffff;
}
.button-danger-300.xs {
  padding: 4px 8px;
}
.button-danger-300.sm {
  padding: 6px 14px;
}
.button-danger-300.md {
  padding: 12px 24px;
}
.button-danger-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-300.m-xs {
    padding: 4px 8px;
  }
  .button-danger-300.m-sm {
    padding: 6px 14px;
  }
  .button-danger-300.m-md {
    padding: 12px 24px;
  }
  .button-danger-300.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-400 {
  border-color: !important;
}

.background-danger-400 {
  background-color: !important;
}

.button-danger-400 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-danger-400.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-danger-400.button-outline:hover {
  color: #ffffff;
}
.button-danger-400:hover, .button-danger-400:focus {
  color: #ffffff;
}
.button-danger-400.xs {
  padding: 4px 8px;
}
.button-danger-400.sm {
  padding: 6px 14px;
}
.button-danger-400.md {
  padding: 12px 24px;
}
.button-danger-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-400.m-xs {
    padding: 4px 8px;
  }
  .button-danger-400.m-sm {
    padding: 6px 14px;
  }
  .button-danger-400.m-md {
    padding: 12px 24px;
  }
  .button-danger-400.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-500 {
  border-color: !important;
}

.background-danger-500 {
  background-color: !important;
}

.button-danger-500 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-danger-500.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-danger-500.button-outline:hover {
  color: #ffffff;
}
.button-danger-500:hover, .button-danger-500:focus {
  color: #ffffff;
}
.button-danger-500.xs {
  padding: 4px 8px;
}
.button-danger-500.sm {
  padding: 6px 14px;
}
.button-danger-500.md {
  padding: 12px 24px;
}
.button-danger-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-500.m-xs {
    padding: 4px 8px;
  }
  .button-danger-500.m-sm {
    padding: 6px 14px;
  }
  .button-danger-500.m-md {
    padding: 12px 24px;
  }
  .button-danger-500.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-600 {
  border-color: !important;
}

.background-danger-600 {
  background-color: !important;
}

.button-danger-600 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-danger-600.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-danger-600.button-outline:hover {
  color: #ffffff;
}
.button-danger-600:hover, .button-danger-600:focus {
  color: #ffffff;
}
.button-danger-600.xs {
  padding: 4px 8px;
}
.button-danger-600.sm {
  padding: 6px 14px;
}
.button-danger-600.md {
  padding: 12px 24px;
}
.button-danger-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-600.m-xs {
    padding: 4px 8px;
  }
  .button-danger-600.m-sm {
    padding: 6px 14px;
  }
  .button-danger-600.m-md {
    padding: 12px 24px;
  }
  .button-danger-600.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-700 {
  border-color: !important;
}

.background-danger-700 {
  background-color: !important;
}

.button-danger-700 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-danger-700.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-danger-700.button-outline:hover {
  color: #ffffff;
}
.button-danger-700:hover, .button-danger-700:focus {
  color: #ffffff;
}
.button-danger-700.xs {
  padding: 4px 8px;
}
.button-danger-700.sm {
  padding: 6px 14px;
}
.button-danger-700.md {
  padding: 12px 24px;
}
.button-danger-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-700.m-xs {
    padding: 4px 8px;
  }
  .button-danger-700.m-sm {
    padding: 6px 14px;
  }
  .button-danger-700.m-md {
    padding: 12px 24px;
  }
  .button-danger-700.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-800 {
  border-color: !important;
}

.background-danger-800 {
  background-color: !important;
}

.button-danger-800 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-danger-800.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-danger-800.button-outline:hover {
  color: #ffffff;
}
.button-danger-800:hover, .button-danger-800:focus {
  color: #ffffff;
}
.button-danger-800.xs {
  padding: 4px 8px;
}
.button-danger-800.sm {
  padding: 6px 14px;
}
.button-danger-800.md {
  padding: 12px 24px;
}
.button-danger-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-800.m-xs {
    padding: 4px 8px;
  }
  .button-danger-800.m-sm {
    padding: 6px 14px;
  }
  .button-danger-800.m-md {
    padding: 12px 24px;
  }
  .button-danger-800.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-900 {
  border-color: !important;
}

.background-danger-900 {
  background-color: !important;
}

.button-danger-900 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-danger-900.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-danger-900.button-outline:hover {
  color: #ffffff;
}
.button-danger-900:hover, .button-danger-900:focus {
  color: #ffffff;
}
.button-danger-900.xs {
  padding: 4px 8px;
}
.button-danger-900.sm {
  padding: 6px 14px;
}
.button-danger-900.md {
  padding: 12px 24px;
}
.button-danger-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-900.m-xs {
    padding: 4px 8px;
  }
  .button-danger-900.m-sm {
    padding: 6px 14px;
  }
  .button-danger-900.m-md {
    padding: 12px 24px;
  }
  .button-danger-900.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-danger-950 {
  border-color: !important;
}

.background-danger-950 {
  background-color: !important;
}

.button-danger-950 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-danger-950.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-danger-950.button-outline:hover {
  color: #ffffff;
}
.button-danger-950:hover, .button-danger-950:focus {
  color: #ffffff;
}
.button-danger-950.xs {
  padding: 4px 8px;
}
.button-danger-950.sm {
  padding: 6px 14px;
}
.button-danger-950.md {
  padding: 12px 24px;
}
.button-danger-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-danger-950.m-xs {
    padding: 4px 8px;
  }
  .button-danger-950.m-sm {
    padding: 6px 14px;
  }
  .button-danger-950.m-md {
    padding: 12px 24px;
  }
  .button-danger-950.m-lg {
    padding: 14px 28px;
  }
}
.button-danger-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-50 {
  border-color: #f7f7f6 !important;
}

.background-dark-50 {
  background-color: #f7f7f6 !important;
}

.button-dark-50 {
  font-family: "Helvetica", sans-serif;
  background-color: #f7f7f6;
  border: 1px solid #f7f7f6;
  color: #e9e9e1;
}
.button-dark-50.button-outline {
  background-color: transparent;
  border: 1px solid #f7f7f6;
  color: #f7f7f6;
}
.button-dark-50.button-outline:hover {
  background-color: #f7f7f6;
  color: #ffffff;
}
.button-dark-50:hover, .button-dark-50:focus {
  color: #e9e9e1;
}
.button-dark-50.xs {
  padding: 4px 8px;
}
.button-dark-50.sm {
  padding: 6px 14px;
}
.button-dark-50.md {
  padding: 12px 24px;
}
.button-dark-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-50.m-xs {
    padding: 4px 8px;
  }
  .button-dark-50.m-sm {
    padding: 6px 14px;
  }
  .button-dark-50.m-md {
    padding: 12px 24px;
  }
  .button-dark-50.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-100 {
  border-color: #e9e9e1 !important;
}

.background-dark-100 {
  background-color: #e9e9e1 !important;
}

.button-dark-100 {
  font-family: "Helvetica", sans-serif;
  background-color: #e9e9e1;
  border: 1px solid #e9e9e1;
  color: #ffffff;
}
.button-dark-100.button-outline {
  background-color: transparent;
  border: 1px solid #e9e9e1;
  color: #e9e9e1;
}
.button-dark-100.button-outline:hover {
  background-color: #e9e9e1;
  color: #ffffff;
}
.button-dark-100:hover, .button-dark-100:focus {
  background-color: #dcd8c2;
  color: #ffffff;
}
.button-dark-100.xs {
  padding: 4px 8px;
}
.button-dark-100.sm {
  padding: 6px 14px;
}
.button-dark-100.md {
  padding: 12px 24px;
}
.button-dark-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-100.m-xs {
    padding: 4px 8px;
  }
  .button-dark-100.m-sm {
    padding: 6px 14px;
  }
  .button-dark-100.m-md {
    padding: 12px 24px;
  }
  .button-dark-100.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-200 {
  border-color: #dcd8c2 !important;
}

.background-dark-200 {
  background-color: #dcd8c2 !important;
}

.button-dark-200 {
  font-family: "Helvetica", sans-serif;
  background-color: #dcd8c2;
  border: 1px solid #dcd8c2;
  color: #ffffff;
}
.button-dark-200.button-outline {
  background-color: transparent;
  border: 1px solid #dcd8c2;
  color: #dcd8c2;
}
.button-dark-200.button-outline:hover {
  background-color: #dcd8c2;
  color: #ffffff;
}
.button-dark-200:hover, .button-dark-200:focus {
  background-color: #cac49c;
  color: #ffffff;
}
.button-dark-200.xs {
  padding: 4px 8px;
}
.button-dark-200.sm {
  padding: 6px 14px;
}
.button-dark-200.md {
  padding: 12px 24px;
}
.button-dark-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-200.m-xs {
    padding: 4px 8px;
  }
  .button-dark-200.m-sm {
    padding: 6px 14px;
  }
  .button-dark-200.m-md {
    padding: 12px 24px;
  }
  .button-dark-200.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-300 {
  border-color: #cac49c !important;
}

.background-dark-300 {
  background-color: #cac49c !important;
}

.button-dark-300 {
  font-family: "Helvetica", sans-serif;
  background-color: #cac49c;
  border: 1px solid #cac49c;
  color: #ffffff;
}
.button-dark-300.button-outline {
  background-color: transparent;
  border: 1px solid #cac49c;
  color: #cac49c;
}
.button-dark-300.button-outline:hover {
  background-color: #cac49c;
  color: #ffffff;
}
.button-dark-300:hover, .button-dark-300:focus {
  background-color: #b8a177;
  color: #ffffff;
}
.button-dark-300.xs {
  padding: 4px 8px;
}
.button-dark-300.sm {
  padding: 6px 14px;
}
.button-dark-300.md {
  padding: 12px 24px;
}
.button-dark-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-300.m-xs {
    padding: 4px 8px;
  }
  .button-dark-300.m-sm {
    padding: 6px 14px;
  }
  .button-dark-300.m-md {
    padding: 12px 24px;
  }
  .button-dark-300.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-400 {
  border-color: #b8a177 !important;
}

.background-dark-400 {
  background-color: #b8a177 !important;
}

.button-dark-400 {
  font-family: "Helvetica", sans-serif;
  background-color: #b8a177;
  border: 1px solid #b8a177;
  color: #ffffff;
}
.button-dark-400.button-outline {
  background-color: transparent;
  border: 1px solid #b8a177;
  color: #b8a177;
}
.button-dark-400.button-outline:hover {
  background-color: #b8a177;
  color: #ffffff;
}
.button-dark-400:hover, .button-dark-400:focus {
  background-color: #86755d;
  color: #ffffff;
}
.button-dark-400.xs {
  padding: 4px 8px;
}
.button-dark-400.sm {
  padding: 6px 14px;
}
.button-dark-400.md {
  padding: 12px 24px;
}
.button-dark-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-400.m-xs {
    padding: 4px 8px;
  }
  .button-dark-400.m-sm {
    padding: 6px 14px;
  }
  .button-dark-400.m-md {
    padding: 12px 24px;
  }
  .button-dark-400.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-500 {
  border-color: #86755d !important;
}

.background-dark-500 {
  background-color: #86755d !important;
}

.button-dark-500 {
  font-family: "Helvetica", sans-serif;
  background-color: #86755d;
  border: 1px solid #86755d;
  color: #ffffff;
}
.button-dark-500.button-outline {
  background-color: transparent;
  border: 1px solid #86755d;
  color: #86755d;
}
.button-dark-500.button-outline:hover {
  background-color: #86755d;
  color: #ffffff;
}
.button-dark-500:hover, .button-dark-500:focus {
  background-color: #585149;
  color: #ffffff;
}
.button-dark-500.xs {
  padding: 4px 8px;
}
.button-dark-500.sm {
  padding: 6px 14px;
}
.button-dark-500.md {
  padding: 12px 24px;
}
.button-dark-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-500.m-xs {
    padding: 4px 8px;
  }
  .button-dark-500.m-sm {
    padding: 6px 14px;
  }
  .button-dark-500.m-md {
    padding: 12px 24px;
  }
  .button-dark-500.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-600 {
  border-color: #585149 !important;
}

.background-dark-600 {
  background-color: #585149 !important;
}

.button-dark-600 {
  font-family: "Helvetica", sans-serif;
  background-color: #585149;
  border: 1px solid #585149;
  color: #ffffff;
}
.button-dark-600.button-outline {
  background-color: transparent;
  border: 1px solid #585149;
  color: #585149;
}
.button-dark-600.button-outline:hover {
  background-color: #585149;
  color: #ffffff;
}
.button-dark-600:hover, .button-dark-600:focus {
  background-color: #48443d;
  color: #ffffff;
}
.button-dark-600.xs {
  padding: 4px 8px;
}
.button-dark-600.sm {
  padding: 6px 14px;
}
.button-dark-600.md {
  padding: 12px 24px;
}
.button-dark-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-600.m-xs {
    padding: 4px 8px;
  }
  .button-dark-600.m-sm {
    padding: 6px 14px;
  }
  .button-dark-600.m-md {
    padding: 12px 24px;
  }
  .button-dark-600.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-700 {
  border-color: #48443d !important;
}

.background-dark-700 {
  background-color: #48443d !important;
}

.button-dark-700 {
  font-family: "Helvetica", sans-serif;
  background-color: #48443d;
  border: 1px solid #48443d;
  color: #ffffff;
}
.button-dark-700.button-outline {
  background-color: transparent;
  border: 1px solid #48443d;
  color: #48443d;
}
.button-dark-700.button-outline:hover {
  background-color: #48443d;
  color: #ffffff;
}
.button-dark-700:hover, .button-dark-700:focus {
  background-color: #3a3833;
  color: #ffffff;
}
.button-dark-700.xs {
  padding: 4px 8px;
}
.button-dark-700.sm {
  padding: 6px 14px;
}
.button-dark-700.md {
  padding: 12px 24px;
}
.button-dark-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-700.m-xs {
    padding: 4px 8px;
  }
  .button-dark-700.m-sm {
    padding: 6px 14px;
  }
  .button-dark-700.m-md {
    padding: 12px 24px;
  }
  .button-dark-700.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-800 {
  border-color: #3a3833 !important;
}

.background-dark-800 {
  background-color: #3a3833 !important;
}

.button-dark-800 {
  font-family: "Helvetica", sans-serif;
  background-color: #3a3833;
  border: 1px solid #3a3833;
  color: #ffffff;
}
.button-dark-800.button-outline {
  background-color: transparent;
  border: 1px solid #3a3833;
  color: #3a3833;
}
.button-dark-800.button-outline:hover {
  background-color: #3a3833;
  color: #ffffff;
}
.button-dark-800:hover, .button-dark-800:focus {
  background-color: #34312c;
  color: #ffffff;
}
.button-dark-800.xs {
  padding: 4px 8px;
}
.button-dark-800.sm {
  padding: 6px 14px;
}
.button-dark-800.md {
  padding: 12px 24px;
}
.button-dark-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-800.m-xs {
    padding: 4px 8px;
  }
  .button-dark-800.m-sm {
    padding: 6px 14px;
  }
  .button-dark-800.m-md {
    padding: 12px 24px;
  }
  .button-dark-800.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-900 {
  border-color: #34312c !important;
}

.background-dark-900 {
  background-color: #34312c !important;
}

.button-dark-900 {
  font-family: "Helvetica", sans-serif;
  background-color: #34312c;
  border: 1px solid #34312c;
  color: #ffffff;
}
.button-dark-900.button-outline {
  background-color: transparent;
  border: 1px solid #34312c;
  color: #34312c;
}
.button-dark-900.button-outline:hover {
  background-color: #34312c;
  color: #ffffff;
}
.button-dark-900:hover, .button-dark-900:focus {
  color: #ffffff;
}
.button-dark-900.xs {
  padding: 4px 8px;
}
.button-dark-900.sm {
  padding: 6px 14px;
}
.button-dark-900.md {
  padding: 12px 24px;
}
.button-dark-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-900.m-xs {
    padding: 4px 8px;
  }
  .button-dark-900.m-sm {
    padding: 6px 14px;
  }
  .button-dark-900.m-md {
    padding: 12px 24px;
  }
  .button-dark-900.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-dark-950 {
  border-color: #12110f !important;
}

.background-dark-950 {
  background-color: #12110f !important;
}

.button-dark-950 {
  font-family: "Helvetica", sans-serif;
  background-color: #12110f;
  border: 1px solid #12110f;
  color: #ffffff;
}
.button-dark-950.button-outline {
  background-color: transparent;
  border: 1px solid #12110f;
  color: #12110f;
}
.button-dark-950.button-outline:hover {
  background-color: #12110f;
  color: #ffffff;
}
.button-dark-950:hover, .button-dark-950:focus {
  color: #ffffff;
}
.button-dark-950.xs {
  padding: 4px 8px;
}
.button-dark-950.sm {
  padding: 6px 14px;
}
.button-dark-950.md {
  padding: 12px 24px;
}
.button-dark-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-dark-950.m-xs {
    padding: 4px 8px;
  }
  .button-dark-950.m-sm {
    padding: 6px 14px;
  }
  .button-dark-950.m-md {
    padding: 12px 24px;
  }
  .button-dark-950.m-lg {
    padding: 14px 28px;
  }
}
.button-dark-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-50 {
  border-color: #f9f7f3 !important;
}

.background-light-50 {
  background-color: #f9f7f3 !important;
}

.button-light-50 {
  font-family: "Helvetica", sans-serif;
  background-color: #f9f7f3;
  border: 1px solid #f9f7f3;
  color: #e9e9e1;
}
.button-light-50.button-outline {
  background-color: transparent;
  border: 1px solid #f9f7f3;
  color: #f9f7f3;
}
.button-light-50.button-outline:hover {
  background-color: #f9f7f3;
  color: #ffffff;
}
.button-light-50:hover, .button-light-50:focus {
  color: #e9e9e1;
}
.button-light-50.xs {
  padding: 4px 8px;
}
.button-light-50.sm {
  padding: 6px 14px;
}
.button-light-50.md {
  padding: 12px 24px;
}
.button-light-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-50.m-xs {
    padding: 4px 8px;
  }
  .button-light-50.m-sm {
    padding: 6px 14px;
  }
  .button-light-50.m-md {
    padding: 12px 24px;
  }
  .button-light-50.m-lg {
    padding: 14px 28px;
  }
}
.button-light-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-100 {
  border-color: #f5f2eb !important;
}

.background-light-100 {
  background-color: #f5f2eb !important;
}

.button-light-100 {
  font-family: "Helvetica", sans-serif;
  background-color: #f5f2eb;
  border: 1px solid #f5f2eb;
  color: #ffffff;
}
.button-light-100.button-outline {
  background-color: transparent;
  border: 1px solid #f5f2eb;
  color: #f5f2eb;
}
.button-light-100.button-outline:hover {
  background-color: #f5f2eb;
  color: #ffffff;
}
.button-light-100:hover, .button-light-100:focus {
  background-color: #e2d9c6;
  color: #ffffff;
}
.button-light-100.xs {
  padding: 4px 8px;
}
.button-light-100.sm {
  padding: 6px 14px;
}
.button-light-100.md {
  padding: 12px 24px;
}
.button-light-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-100.m-xs {
    padding: 4px 8px;
  }
  .button-light-100.m-sm {
    padding: 6px 14px;
  }
  .button-light-100.m-md {
    padding: 12px 24px;
  }
  .button-light-100.m-lg {
    padding: 14px 28px;
  }
}
.button-light-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-200 {
  border-color: #e2d9c6 !important;
}

.background-light-200 {
  background-color: #e2d9c6 !important;
}

.button-light-200 {
  font-family: "Helvetica", sans-serif;
  background-color: #e2d9c6;
  border: 1px solid #e2d9c6;
  color: #ffffff;
}
.button-light-200.button-outline {
  background-color: transparent;
  border: 1px solid #e2d9c6;
  color: #e2d9c6;
}
.button-light-200.button-outline:hover {
  background-color: #e2d9c6;
  color: #ffffff;
}
.button-light-200:hover, .button-light-200:focus {
  background-color: #fcf0fa;
  color: #ffffff;
}
.button-light-200.xs {
  padding: 4px 8px;
}
.button-light-200.sm {
  padding: 6px 14px;
}
.button-light-200.md {
  padding: 12px 24px;
}
.button-light-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-200.m-xs {
    padding: 4px 8px;
  }
  .button-light-200.m-sm {
    padding: 6px 14px;
  }
  .button-light-200.m-md {
    padding: 12px 24px;
  }
  .button-light-200.m-lg {
    padding: 14px 28px;
  }
}
.button-light-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-300 {
  border-color: #fcf0fa !important;
}

.background-light-300 {
  background-color: #fcf0fa !important;
}

.button-light-300 {
  font-family: "Helvetica", sans-serif;
  background-color: #fcf0fa;
  border: 1px solid #fcf0fa;
  color: #ffffff;
}
.button-light-300.button-outline {
  background-color: transparent;
  border: 1px solid #fcf0fa;
  color: #fcf0fa;
}
.button-light-300.button-outline:hover {
  background-color: #fcf0fa;
  color: #ffffff;
}
.button-light-300:hover, .button-light-300:focus {
  background-color: #bba07c;
  color: #ffffff;
}
.button-light-300.xs {
  padding: 4px 8px;
}
.button-light-300.sm {
  padding: 6px 14px;
}
.button-light-300.md {
  padding: 12px 24px;
}
.button-light-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-300.m-xs {
    padding: 4px 8px;
  }
  .button-light-300.m-sm {
    padding: 6px 14px;
  }
  .button-light-300.m-md {
    padding: 12px 24px;
  }
  .button-light-300.m-lg {
    padding: 14px 28px;
  }
}
.button-light-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-400 {
  border-color: #bba07c !important;
}

.background-light-400 {
  background-color: #bba07c !important;
}

.button-light-400 {
  font-family: "Helvetica", sans-serif;
  background-color: #bba07c;
  border: 1px solid #bba07c;
  color: #ffffff;
}
.button-light-400.button-outline {
  background-color: transparent;
  border: 1px solid #bba07c;
  color: #bba07c;
}
.button-light-400.button-outline:hover {
  background-color: #bba07c;
  color: #ffffff;
}
.button-light-400:hover, .button-light-400:focus {
  background-color: #ad8b62;
  color: #ffffff;
}
.button-light-400.xs {
  padding: 4px 8px;
}
.button-light-400.sm {
  padding: 6px 14px;
}
.button-light-400.md {
  padding: 12px 24px;
}
.button-light-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-400.m-xs {
    padding: 4px 8px;
  }
  .button-light-400.m-sm {
    padding: 6px 14px;
  }
  .button-light-400.m-md {
    padding: 12px 24px;
  }
  .button-light-400.m-lg {
    padding: 14px 28px;
  }
}
.button-light-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-500 {
  border-color: #ad8b62 !important;
}

.background-light-500 {
  background-color: #ad8b62 !important;
}

.button-light-500 {
  font-family: "Helvetica", sans-serif;
  background-color: #ad8b62;
  border: 1px solid #ad8b62;
  color: #ffffff;
}
.button-light-500.button-outline {
  background-color: transparent;
  border: 1px solid #ad8b62;
  color: #ad8b62;
}
.button-light-500.button-outline:hover {
  background-color: #ad8b62;
  color: #ffffff;
}
.button-light-500:hover, .button-light-500:focus {
  background-color: #a07956;
  color: #ffffff;
}
.button-light-500.xs {
  padding: 4px 8px;
}
.button-light-500.sm {
  padding: 6px 14px;
}
.button-light-500.md {
  padding: 12px 24px;
}
.button-light-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-500.m-xs {
    padding: 4px 8px;
  }
  .button-light-500.m-sm {
    padding: 6px 14px;
  }
  .button-light-500.m-md {
    padding: 12px 24px;
  }
  .button-light-500.m-lg {
    padding: 14px 28px;
  }
}
.button-light-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-600 {
  border-color: #a07956 !important;
}

.background-light-600 {
  background-color: #a07956 !important;
}

.button-light-600 {
  font-family: "Helvetica", sans-serif;
  background-color: #a07956;
  border: 1px solid #a07956;
  color: #ffffff;
}
.button-light-600.button-outline {
  background-color: transparent;
  border: 1px solid #a07956;
  color: #a07956;
}
.button-light-600.button-outline:hover {
  background-color: #a07956;
  color: #ffffff;
}
.button-light-600:hover, .button-light-600:focus {
  background-color: #865249;
  color: #ffffff;
}
.button-light-600.xs {
  padding: 4px 8px;
}
.button-light-600.sm {
  padding: 6px 14px;
}
.button-light-600.md {
  padding: 12px 24px;
}
.button-light-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-600.m-xs {
    padding: 4px 8px;
  }
  .button-light-600.m-sm {
    padding: 6px 14px;
  }
  .button-light-600.m-md {
    padding: 12px 24px;
  }
  .button-light-600.m-lg {
    padding: 14px 28px;
  }
}
.button-light-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-700 {
  border-color: #865249 !important;
}

.background-light-700 {
  background-color: #865249 !important;
}

.button-light-700 {
  font-family: "Helvetica", sans-serif;
  background-color: #865249;
  border: 1px solid #865249;
  color: #ffffff;
}
.button-light-700.button-outline {
  background-color: transparent;
  border: 1px solid #865249;
  color: #865249;
}
.button-light-700.button-outline:hover {
  background-color: #865249;
  color: #ffffff;
}
.button-light-700:hover, .button-light-700:focus {
  background-color: #6d513f;
  color: #ffffff;
}
.button-light-700.xs {
  padding: 4px 8px;
}
.button-light-700.sm {
  padding: 6px 14px;
}
.button-light-700.md {
  padding: 12px 24px;
}
.button-light-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-700.m-xs {
    padding: 4px 8px;
  }
  .button-light-700.m-sm {
    padding: 6px 14px;
  }
  .button-light-700.m-md {
    padding: 12px 24px;
  }
  .button-light-700.m-lg {
    padding: 14px 28px;
  }
}
.button-light-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-800 {
  border-color: #6d513f !important;
}

.background-light-800 {
  background-color: #6d513f !important;
}

.button-light-800 {
  font-family: "Helvetica", sans-serif;
  background-color: #6d513f;
  border: 1px solid #6d513f;
  color: #ffffff;
}
.button-light-800.button-outline {
  background-color: transparent;
  border: 1px solid #6d513f;
  color: #6d513f;
}
.button-light-800.button-outline:hover {
  background-color: #6d513f;
  color: #ffffff;
}
.button-light-800:hover, .button-light-800:focus {
  background-color: #594335;
  color: #ffffff;
}
.button-light-800.xs {
  padding: 4px 8px;
}
.button-light-800.sm {
  padding: 6px 14px;
}
.button-light-800.md {
  padding: 12px 24px;
}
.button-light-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-800.m-xs {
    padding: 4px 8px;
  }
  .button-light-800.m-sm {
    padding: 6px 14px;
  }
  .button-light-800.m-md {
    padding: 12px 24px;
  }
  .button-light-800.m-lg {
    padding: 14px 28px;
  }
}
.button-light-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-900 {
  border-color: #594335 !important;
}

.background-light-900 {
  background-color: #594335 !important;
}

.button-light-900 {
  font-family: "Helvetica", sans-serif;
  background-color: #594335;
  border: 1px solid #594335;
  color: #ffffff;
}
.button-light-900.button-outline {
  background-color: transparent;
  border: 1px solid #594335;
  color: #594335;
}
.button-light-900.button-outline:hover {
  background-color: #594335;
  color: #ffffff;
}
.button-light-900:hover, .button-light-900:focus {
  color: #ffffff;
}
.button-light-900.xs {
  padding: 4px 8px;
}
.button-light-900.sm {
  padding: 6px 14px;
}
.button-light-900.md {
  padding: 12px 24px;
}
.button-light-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-900.m-xs {
    padding: 4px 8px;
  }
  .button-light-900.m-sm {
    padding: 6px 14px;
  }
  .button-light-900.m-md {
    padding: 12px 24px;
  }
  .button-light-900.m-lg {
    padding: 14px 28px;
  }
}
.button-light-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-light-950 {
  border-color: #22221b !important;
}

.background-light-950 {
  background-color: #22221b !important;
}

.button-light-950 {
  font-family: "Helvetica", sans-serif;
  background-color: #22221b;
  border: 1px solid #22221b;
  color: #ffffff;
}
.button-light-950.button-outline {
  background-color: transparent;
  border: 1px solid #22221b;
  color: #22221b;
}
.button-light-950.button-outline:hover {
  background-color: #22221b;
  color: #ffffff;
}
.button-light-950:hover, .button-light-950:focus {
  color: #ffffff;
}
.button-light-950.xs {
  padding: 4px 8px;
}
.button-light-950.sm {
  padding: 6px 14px;
}
.button-light-950.md {
  padding: 12px 24px;
}
.button-light-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-light-950.m-xs {
    padding: 4px 8px;
  }
  .button-light-950.m-sm {
    padding: 6px 14px;
  }
  .button-light-950.m-md {
    padding: 12px 24px;
  }
  .button-light-950.m-lg {
    padding: 14px 28px;
  }
}
.button-light-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-50 {
  border-color: #F9F7F3 !important;
}

.background-gray-50 {
  background-color: #F9F7F3 !important;
}

.button-gray-50 {
  font-family: "Helvetica", sans-serif;
  background-color: #F9F7F3;
  border: 1px solid #F9F7F3;
  color: #e9e9e1;
}
.button-gray-50.button-outline {
  background-color: transparent;
  border: 1px solid #F9F7F3;
  color: #F9F7F3;
}
.button-gray-50.button-outline:hover {
  background-color: #F9F7F3;
  color: #ffffff;
}
.button-gray-50:hover, .button-gray-50:focus {
  color: #e9e9e1;
}
.button-gray-50.xs {
  padding: 4px 8px;
}
.button-gray-50.sm {
  padding: 6px 14px;
}
.button-gray-50.md {
  padding: 12px 24px;
}
.button-gray-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-50.m-xs {
    padding: 4px 8px;
  }
  .button-gray-50.m-sm {
    padding: 6px 14px;
  }
  .button-gray-50.m-md {
    padding: 12px 24px;
  }
  .button-gray-50.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-100 {
  border-color: #CDC8C2 !important;
}

.background-gray-100 {
  background-color: #CDC8C2 !important;
}

.button-gray-100 {
  font-family: "Helvetica", sans-serif;
  background-color: #CDC8C2;
  border: 1px solid #CDC8C2;
  color: #e9e9e1;
}
.button-gray-100.button-outline {
  background-color: transparent;
  border: 1px solid #CDC8C2;
  color: #CDC8C2;
}
.button-gray-100.button-outline:hover {
  background-color: #CDC8C2;
  color: #ffffff;
}
.button-gray-100:hover, .button-gray-100:focus {
  background-color: #B8B2A5;
  color: #e9e9e1;
}
.button-gray-100.xs {
  padding: 4px 8px;
}
.button-gray-100.sm {
  padding: 6px 14px;
}
.button-gray-100.md {
  padding: 12px 24px;
}
.button-gray-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-100.m-xs {
    padding: 4px 8px;
  }
  .button-gray-100.m-sm {
    padding: 6px 14px;
  }
  .button-gray-100.m-md {
    padding: 12px 24px;
  }
  .button-gray-100.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-200 {
  border-color: #B8B2A5 !important;
}

.background-gray-200 {
  background-color: #B8B2A5 !important;
}

.button-gray-200 {
  font-family: "Helvetica", sans-serif;
  background-color: #B8B2A5;
  border: 1px solid #B8B2A5;
  color: #e9e9e1;
}
.button-gray-200.button-outline {
  background-color: transparent;
  border: 1px solid #B8B2A5;
  color: #B8B2A5;
}
.button-gray-200.button-outline:hover {
  background-color: #B8B2A5;
  color: #ffffff;
}
.button-gray-200:hover, .button-gray-200:focus {
  color: #e9e9e1;
}
.button-gray-200.xs {
  padding: 4px 8px;
}
.button-gray-200.sm {
  padding: 6px 14px;
}
.button-gray-200.md {
  padding: 12px 24px;
}
.button-gray-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-200.m-xs {
    padding: 4px 8px;
  }
  .button-gray-200.m-sm {
    padding: 6px 14px;
  }
  .button-gray-200.m-md {
    padding: 12px 24px;
  }
  .button-gray-200.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-300 {
  border-color: !important;
}

.background-gray-300 {
  background-color: !important;
}

.button-gray-300 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-gray-300.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-gray-300.button-outline:hover {
  color: #ffffff;
}
.button-gray-300:hover, .button-gray-300:focus {
  color: #e9e9e1;
}
.button-gray-300.xs {
  padding: 4px 8px;
}
.button-gray-300.sm {
  padding: 6px 14px;
}
.button-gray-300.md {
  padding: 12px 24px;
}
.button-gray-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-300.m-xs {
    padding: 4px 8px;
  }
  .button-gray-300.m-sm {
    padding: 6px 14px;
  }
  .button-gray-300.m-md {
    padding: 12px 24px;
  }
  .button-gray-300.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-400 {
  border-color: !important;
}

.background-gray-400 {
  background-color: !important;
}

.button-gray-400 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-gray-400.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-gray-400.button-outline:hover {
  color: #ffffff;
}
.button-gray-400:hover, .button-gray-400:focus {
  color: #e9e9e1;
}
.button-gray-400.xs {
  padding: 4px 8px;
}
.button-gray-400.sm {
  padding: 6px 14px;
}
.button-gray-400.md {
  padding: 12px 24px;
}
.button-gray-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-400.m-xs {
    padding: 4px 8px;
  }
  .button-gray-400.m-sm {
    padding: 6px 14px;
  }
  .button-gray-400.m-md {
    padding: 12px 24px;
  }
  .button-gray-400.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-500 {
  border-color: !important;
}

.background-gray-500 {
  background-color: !important;
}

.button-gray-500 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-gray-500.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-gray-500.button-outline:hover {
  color: #ffffff;
}
.button-gray-500:hover, .button-gray-500:focus {
  color: #e9e9e1;
}
.button-gray-500.xs {
  padding: 4px 8px;
}
.button-gray-500.sm {
  padding: 6px 14px;
}
.button-gray-500.md {
  padding: 12px 24px;
}
.button-gray-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-500.m-xs {
    padding: 4px 8px;
  }
  .button-gray-500.m-sm {
    padding: 6px 14px;
  }
  .button-gray-500.m-md {
    padding: 12px 24px;
  }
  .button-gray-500.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-600 {
  border-color: !important;
}

.background-gray-600 {
  background-color: !important;
}

.button-gray-600 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-gray-600.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-gray-600.button-outline:hover {
  color: #ffffff;
}
.button-gray-600:hover, .button-gray-600:focus {
  color: #e9e9e1;
}
.button-gray-600.xs {
  padding: 4px 8px;
}
.button-gray-600.sm {
  padding: 6px 14px;
}
.button-gray-600.md {
  padding: 12px 24px;
}
.button-gray-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-600.m-xs {
    padding: 4px 8px;
  }
  .button-gray-600.m-sm {
    padding: 6px 14px;
  }
  .button-gray-600.m-md {
    padding: 12px 24px;
  }
  .button-gray-600.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-700 {
  border-color: !important;
}

.background-gray-700 {
  background-color: !important;
}

.button-gray-700 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-gray-700.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-gray-700.button-outline:hover {
  color: #ffffff;
}
.button-gray-700:hover, .button-gray-700:focus {
  color: #e9e9e1;
}
.button-gray-700.xs {
  padding: 4px 8px;
}
.button-gray-700.sm {
  padding: 6px 14px;
}
.button-gray-700.md {
  padding: 12px 24px;
}
.button-gray-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-700.m-xs {
    padding: 4px 8px;
  }
  .button-gray-700.m-sm {
    padding: 6px 14px;
  }
  .button-gray-700.m-md {
    padding: 12px 24px;
  }
  .button-gray-700.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-800 {
  border-color: !important;
}

.background-gray-800 {
  background-color: !important;
}

.button-gray-800 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-gray-800.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-gray-800.button-outline:hover {
  color: #ffffff;
}
.button-gray-800:hover, .button-gray-800:focus {
  color: #e9e9e1;
}
.button-gray-800.xs {
  padding: 4px 8px;
}
.button-gray-800.sm {
  padding: 6px 14px;
}
.button-gray-800.md {
  padding: 12px 24px;
}
.button-gray-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-800.m-xs {
    padding: 4px 8px;
  }
  .button-gray-800.m-sm {
    padding: 6px 14px;
  }
  .button-gray-800.m-md {
    padding: 12px 24px;
  }
  .button-gray-800.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-900 {
  border-color: !important;
}

.background-gray-900 {
  background-color: !important;
}

.button-gray-900 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-gray-900.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-gray-900.button-outline:hover {
  color: #ffffff;
}
.button-gray-900:hover, .button-gray-900:focus {
  color: #e9e9e1;
}
.button-gray-900.xs {
  padding: 4px 8px;
}
.button-gray-900.sm {
  padding: 6px 14px;
}
.button-gray-900.md {
  padding: 12px 24px;
}
.button-gray-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-900.m-xs {
    padding: 4px 8px;
  }
  .button-gray-900.m-sm {
    padding: 6px 14px;
  }
  .button-gray-900.m-md {
    padding: 12px 24px;
  }
  .button-gray-900.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-gray-950 {
  border-color: !important;
}

.background-gray-950 {
  background-color: !important;
}

.button-gray-950 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-gray-950.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-gray-950.button-outline:hover {
  color: #ffffff;
}
.button-gray-950:hover, .button-gray-950:focus {
  color: #e9e9e1;
}
.button-gray-950.xs {
  padding: 4px 8px;
}
.button-gray-950.sm {
  padding: 6px 14px;
}
.button-gray-950.md {
  padding: 12px 24px;
}
.button-gray-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-gray-950.m-xs {
    padding: 4px 8px;
  }
  .button-gray-950.m-sm {
    padding: 6px 14px;
  }
  .button-gray-950.m-md {
    padding: 12px 24px;
  }
  .button-gray-950.m-lg {
    padding: 14px 28px;
  }
}
.button-gray-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-50 {
  border-color: !important;
}

.background-orange-50 {
  background-color: !important;
}

.button-orange-50 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #e9e9e1;
}
.button-orange-50.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-orange-50.button-outline:hover {
  color: #ffffff;
}
.button-orange-50:hover, .button-orange-50:focus {
  color: #e9e9e1;
}
.button-orange-50.xs {
  padding: 4px 8px;
}
.button-orange-50.sm {
  padding: 6px 14px;
}
.button-orange-50.md {
  padding: 12px 24px;
}
.button-orange-50.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-50.m-xs {
    padding: 4px 8px;
  }
  .button-orange-50.m-sm {
    padding: 6px 14px;
  }
  .button-orange-50.m-md {
    padding: 12px 24px;
  }
  .button-orange-50.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-50:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-100 {
  border-color: !important;
}

.background-orange-100 {
  background-color: !important;
}

.button-orange-100 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-orange-100.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-orange-100.button-outline:hover {
  color: #ffffff;
}
.button-orange-100:hover, .button-orange-100:focus {
  color: #ffffff;
}
.button-orange-100.xs {
  padding: 4px 8px;
}
.button-orange-100.sm {
  padding: 6px 14px;
}
.button-orange-100.md {
  padding: 12px 24px;
}
.button-orange-100.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-100.m-xs {
    padding: 4px 8px;
  }
  .button-orange-100.m-sm {
    padding: 6px 14px;
  }
  .button-orange-100.m-md {
    padding: 12px 24px;
  }
  .button-orange-100.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-100:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-200 {
  border-color: !important;
}

.background-orange-200 {
  background-color: !important;
}

.button-orange-200 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-orange-200.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-orange-200.button-outline:hover {
  color: #ffffff;
}
.button-orange-200:hover, .button-orange-200:focus {
  color: #ffffff;
}
.button-orange-200.xs {
  padding: 4px 8px;
}
.button-orange-200.sm {
  padding: 6px 14px;
}
.button-orange-200.md {
  padding: 12px 24px;
}
.button-orange-200.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-200.m-xs {
    padding: 4px 8px;
  }
  .button-orange-200.m-sm {
    padding: 6px 14px;
  }
  .button-orange-200.m-md {
    padding: 12px 24px;
  }
  .button-orange-200.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-200:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-300 {
  border-color: !important;
}

.background-orange-300 {
  background-color: !important;
}

.button-orange-300 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-orange-300.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-orange-300.button-outline:hover {
  color: #ffffff;
}
.button-orange-300:hover, .button-orange-300:focus {
  background-color: #ed9c2c;
  color: #ffffff;
}
.button-orange-300.xs {
  padding: 4px 8px;
}
.button-orange-300.sm {
  padding: 6px 14px;
}
.button-orange-300.md {
  padding: 12px 24px;
}
.button-orange-300.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-300.m-xs {
    padding: 4px 8px;
  }
  .button-orange-300.m-sm {
    padding: 6px 14px;
  }
  .button-orange-300.m-md {
    padding: 12px 24px;
  }
  .button-orange-300.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-300:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-400 {
  border-color: #ed9c2c !important;
}

.background-orange-400 {
  background-color: #ed9c2c !important;
}

.button-orange-400 {
  font-family: "Helvetica", sans-serif;
  background-color: #ed9c2c;
  border: 1px solid #ed9c2c;
  color: #ffffff;
}
.button-orange-400.button-outline {
  background-color: transparent;
  border: 1px solid #ed9c2c;
  color: #ed9c2c;
}
.button-orange-400.button-outline:hover {
  background-color: #ed9c2c;
  color: #ffffff;
}
.button-orange-400:hover, .button-orange-400:focus {
  background-color: #e67d1a;
  color: #ffffff;
}
.button-orange-400.xs {
  padding: 4px 8px;
}
.button-orange-400.sm {
  padding: 6px 14px;
}
.button-orange-400.md {
  padding: 12px 24px;
}
.button-orange-400.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-400.m-xs {
    padding: 4px 8px;
  }
  .button-orange-400.m-sm {
    padding: 6px 14px;
  }
  .button-orange-400.m-md {
    padding: 12px 24px;
  }
  .button-orange-400.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-400:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-500 {
  border-color: #e67d1a !important;
}

.background-orange-500 {
  background-color: #e67d1a !important;
}

.button-orange-500 {
  font-family: "Helvetica", sans-serif;
  background-color: #e67d1a;
  border: 1px solid #e67d1a;
  color: #ffffff;
}
.button-orange-500.button-outline {
  background-color: transparent;
  border: 1px solid #e67d1a;
  color: #e67d1a;
}
.button-orange-500.button-outline:hover {
  background-color: #e67d1a;
  color: #ffffff;
}
.button-orange-500:hover, .button-orange-500:focus {
  background-color: #d15b00;
  color: #ffffff;
}
.button-orange-500.xs {
  padding: 4px 8px;
}
.button-orange-500.sm {
  padding: 6px 14px;
}
.button-orange-500.md {
  padding: 12px 24px;
}
.button-orange-500.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-500.m-xs {
    padding: 4px 8px;
  }
  .button-orange-500.m-sm {
    padding: 6px 14px;
  }
  .button-orange-500.m-md {
    padding: 12px 24px;
  }
  .button-orange-500.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-500:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-600 {
  border-color: #d15b00 !important;
}

.background-orange-600 {
  background-color: #d15b00 !important;
}

.button-orange-600 {
  font-family: "Helvetica", sans-serif;
  background-color: #d15b00;
  border: 1px solid #d15b00;
  color: #ffffff;
}
.button-orange-600.button-outline {
  background-color: transparent;
  border: 1px solid #d15b00;
  color: #d15b00;
}
.button-orange-600.button-outline:hover {
  background-color: #d15b00;
  color: #ffffff;
}
.button-orange-600:hover, .button-orange-600:focus {
  color: #ffffff;
}
.button-orange-600.xs {
  padding: 4px 8px;
}
.button-orange-600.sm {
  padding: 6px 14px;
}
.button-orange-600.md {
  padding: 12px 24px;
}
.button-orange-600.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-600.m-xs {
    padding: 4px 8px;
  }
  .button-orange-600.m-sm {
    padding: 6px 14px;
  }
  .button-orange-600.m-md {
    padding: 12px 24px;
  }
  .button-orange-600.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-600:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-700 {
  border-color: !important;
}

.background-orange-700 {
  background-color: !important;
}

.button-orange-700 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-orange-700.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-orange-700.button-outline:hover {
  color: #ffffff;
}
.button-orange-700:hover, .button-orange-700:focus {
  color: #ffffff;
}
.button-orange-700.xs {
  padding: 4px 8px;
}
.button-orange-700.sm {
  padding: 6px 14px;
}
.button-orange-700.md {
  padding: 12px 24px;
}
.button-orange-700.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-700.m-xs {
    padding: 4px 8px;
  }
  .button-orange-700.m-sm {
    padding: 6px 14px;
  }
  .button-orange-700.m-md {
    padding: 12px 24px;
  }
  .button-orange-700.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-700:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-800 {
  border-color: !important;
}

.background-orange-800 {
  background-color: !important;
}

.button-orange-800 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-orange-800.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-orange-800.button-outline:hover {
  color: #ffffff;
}
.button-orange-800:hover, .button-orange-800:focus {
  color: #ffffff;
}
.button-orange-800.xs {
  padding: 4px 8px;
}
.button-orange-800.sm {
  padding: 6px 14px;
}
.button-orange-800.md {
  padding: 12px 24px;
}
.button-orange-800.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-800.m-xs {
    padding: 4px 8px;
  }
  .button-orange-800.m-sm {
    padding: 6px 14px;
  }
  .button-orange-800.m-md {
    padding: 12px 24px;
  }
  .button-orange-800.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-800:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-900 {
  border-color: !important;
}

.background-orange-900 {
  background-color: !important;
}

.button-orange-900 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-orange-900.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-orange-900.button-outline:hover {
  color: #ffffff;
}
.button-orange-900:hover, .button-orange-900:focus {
  color: #ffffff;
}
.button-orange-900.xs {
  padding: 4px 8px;
}
.button-orange-900.sm {
  padding: 6px 14px;
}
.button-orange-900.md {
  padding: 12px 24px;
}
.button-orange-900.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-900.m-xs {
    padding: 4px 8px;
  }
  .button-orange-900.m-sm {
    padding: 6px 14px;
  }
  .button-orange-900.m-md {
    padding: 12px 24px;
  }
  .button-orange-900.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-900:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.border-orange-950 {
  border-color: !important;
}

.background-orange-950 {
  background-color: !important;
}

.button-orange-950 {
  font-family: "Helvetica", sans-serif;
  border: 1px solid;
  color: #ffffff;
}
.button-orange-950.button-outline {
  background-color: transparent;
  border: 1px solid;
}
.button-orange-950.button-outline:hover {
  color: #ffffff;
}
.button-orange-950:hover, .button-orange-950:focus {
  color: #ffffff;
}
.button-orange-950.xs {
  padding: 4px 8px;
}
.button-orange-950.sm {
  padding: 6px 14px;
}
.button-orange-950.md {
  padding: 12px 24px;
}
.button-orange-950.lg {
  padding: 14px 28px;
}
@media screen and (max-width: 768px) {
  .button-orange-950.m-xs {
    padding: 4px 8px;
  }
  .button-orange-950.m-sm {
    padding: 6px 14px;
  }
  .button-orange-950.m-md {
    padding: 12px 24px;
  }
  .button-orange-950.m-lg {
    padding: 14px 28px;
  }
}
.button-orange-950:disabled {
  opacity: 0.5;
  background-color: none !important;
  cursor: not-allowed;
}

.faq-container .tab-faq {
  display: flex;
  justify-content: center;
  border-bottom: none;
}
.faq-container .tab-faq .nav-item .nav-link {
  border: none;
  color: #959595;
  background: transparent;
  font-weight: 600;
  font-size: 20px;
}
.faq-container .tab-faq .nav-item .nav-link.active {
  color: #202020;
  border-bottom: 1px solid #E67D1A;
  font-weight: 700;
}

/*# sourceMappingURL=faq.css.map */