.cta-primary,
.cta-secondary {
  &,
  &:visited {
    display: inline-block;
    margin: $gutter;
    margin-left: 0;
    border: 1px solid $red;
    background-color: $white;
    padding: $gutter;
    text-decoration: none;
    color: $red;
  }

  &:hover,
  &:active {
    margin: $gutter - 1px;
    margin-left: -1px;
    border-width: 2px;
    border-color: $red;
    background-color: $light;
    text-decoration: none;
    color: $red;
  }
}

.cta-secondary {
  &,
  &:visited {
    border-color: $dark-grey;
    color: $dark-grey;
  }

  &:hover,
  &:active {
    border-width: 2px;
    border-color: $black;
    background-color: $light;
    color: $black;
  }
}