.btn-primary {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: #007933;
  transition: background-color 0.25s;
  border: 3px solid #007933;
  border-radius: 1px;
  color: #fff;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-primary {
      font-size: 20px;
      line-height: 25px; } }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:hover {
    background-color: #02401c;
    transition: background-color 0.25s;
    border: 3px solid #02401c;
    border-radius: 1px;
    color: #fff; }
  .btn-primary.disabled, .btn-primary:disabled {
    opacity: 0.7;
    pointer-events: none; }
  @media (min-width: 1024px) {
    .btn-primary {
      padding: 20px; } }

.btn-secondary {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.25s;
  border: 3px solid #0d0d0e;
  border-radius: 1px;
  color: #0d0d0e;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-secondary {
      font-size: 20px;
      line-height: 25px; } }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:hover {
    background-color: transparent;
    border: 3px solid #007933;
    border-radius: 1px;
    color: #007933;
    text-decoration: none; }
  .btn-secondary.disabled, .btn-secondary:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .btn-secondary {
      padding: 20px; } }

.btn-cancel {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: #dbdbdb;
  transition: background-color 0.25s;
  border: 3px solid #dbdbdb;
  border-radius: 1px;
  color: #5e5e5e;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-cancel {
      font-size: 20px;
      line-height: 25px; } }
  .btn-cancel:not(:disabled):not(.disabled):active, .btn-cancel:hover {
    background-color: #bcbcbc;
    transition: background-color 0.25s;
    border: 3px solid #bcbcbc;
    border-radius: 1px;
    color: #313131; }
  .btn-cancel.disabled, .btn-cancel:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .btn-cancel {
      padding: 20px; } }

.btn-primary-dark-bg {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: #a3d65e;
  transition: background-color 0.25s;
  border: 3px solid #a3d65e;
  border-radius: 1px;
  color: #0d0d0e;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-primary-dark-bg {
      font-size: 20px;
      line-height: 25px; } }
  .btn-primary-dark-bg:not(:disabled):not(.disabled):active, .btn-primary-dark-bg:hover {
    background-color: #86c432;
    border-color: #86c432;
    border-radius: 1px;
    color: #0d0d0e; }
  .btn-primary-dark-bg.disabled, .btn-primary-dark-bg:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .btn-primary-dark-bg {
      padding: 20px; } }

.btn-secondary-dark-bg {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: transparent;
  border: 3px solid #fff;
  border-radius: 1px;
  color: #fff;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-secondary-dark-bg {
      font-size: 20px;
      line-height: 25px; } }
  .btn-secondary-dark-bg:not(:disabled):not(.disabled):active, .btn-secondary-dark-bg:hover {
    background-color: transparent;
    border: 3px solid #a3d65e;
    border-radius: 1px;
    color: #a3d65e; }
  .btn-secondary-dark-bg.disabled, .btn-secondary-dark-bg:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .btn-secondary-dark-bg {
      padding: 20px; } }

.link-class {
  font-weight: 400;
  font-size: 0.875rem; }
  @media (min-width: 1024px) {
    .link-class {
      font-size: 1.125rem;
      line-height: 1.6875rem; } }
  .link-class:hover {
    text-decoration: underline; }

.primary-link {
  color: #007933; }
  .primary-link:hover, .primary-link.link-active {
    color: #02401c; }

.secondary-link {
  color: #00588b; }
  .secondary-link:hover, .secondary-link.link-active {
    color: #00466f; }

.tertiary-link {
  color: #25a9e0; }

.quaternary-link {
  color: #a3d65e; }
  .quaternary-link:hover, .quaternary-link.link-active {
    color: #86c432; }