.button {
  @include applyButtonStyles();

  background-color: $primary-color;
  color: white;

  &:hover {
    background-color: setLinkHoverColor($primary-color);
  }

  &.primary {
    background-color: $primary-color;
    &:hover {
      background-color: setLinkHoverColor($primary-color);
    }
  }

  &.secondary {
    background-color: $secondary-color;
    &:hover {
      background-color: setLinkHoverColor($secondary-color);
    }
  }

  &.tertiary {
    background-color: $tertiary-color;
    &:hover {
      background-color: setLinkHoverColor($tertiary-color);
    }
  }

  &.ghost {
    @include applyButtonStyles('ghost');
  }

  &.dark-ghost {
    @include applyButtonStyles('dark-ghost');
  }

  &.primary-ghost {
    @include applyButtonStyles('primary-ghost');
  }

  &.secondary-ghost {
    @include applyButtonStyles('secondary-ghost');
  }

  &.tertiary-ghost {
    @include applyButtonStyles('tertiary-ghost');
  }

  &.small {
    @include applyButtonStyles('small');
  }
}

.icon-button {
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 7px;
  padding-left: 15px;

  background-color: $primary-color;

  color: setTextColor($primary-color);
}
