.btn {
  justify-self: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;

  &--card {
    @include btn-styling; 
    padding: 1rem 6.4rem;

    &:link {

      @media only screen and (max-width: $bp-tablet) {
        padding: 1rem 30%;
      }

      @media only screen and (max-width: $bp-mobile-l) {
        padding: 1rem 25%;
      }
    }
  }

  &--slideToggle {
    grid-column: 1 / -1;
    display: flex;

    @include btn-styling; 
    padding: 2rem 8rem;
    font-size: 1.5rem;
  }
}