/* Primary Buttons*/
.btn, .btn.btn-primary, .button.btn-primary, input[type=button].btn-primary, input[type=submit].btn-primary {
  color: $quaternary-color;
  background: none;
  font-family: $font-family-secondary;
  font-weight: $font-weight-normal;
  font-size: $font-size-20;
  line-height: $font-size-24;
  padding: 5px 22px;
  border: 3px solid $quaternary-color;
  min-width: auto;
  text-transform: none;

  @include media-breakpoint-down(xl) {
    font-size: $font-size-16;
  }
  @include media-breakpoint-down(md) {
    font-size: $font-size-14;
    padding: 5px 20px;
  }

  &:hover, &:active, &:focus, &:active:focus {
    background: none;
    color: $quaternary-color;
    text-decoration: none;
    box-shadow: none;
  }
}

/* Secondary Button */
.btn.btn-blank-blue {
  color: #003378;
  background: none;
  box-shadow: inset #003378 0 0 0 2px;
}

.card .content .btn, .row[style^="background-color"] .frame-type-text .btn {
  color: $primary-color;
  background: $dark-green;
  line-height: 1.8rem;
  border: 3px solid $primary-color;
  text-decoration: none;
}