@mixin remove-button-styles---alter() {
}

@mixin remove-button-styles() {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  appearance: none;
  cursor: pointer;
  &:hover,
  &:focus,
  &:active {
    outline: none;
  }
  @include remove-button-styles---alter();
}

@mixin close---alter() {
}

@mixin close() {
  @include remove-button-styles();
  font-size: $close-font-size;
  font-weight: $close-font-weight;
  line-height: 1;
  opacity: 0.75;
  transition: all 0.4s;
  &:hover,
  &:focus {
    text-decoration: none;
    opacity: 1;
  }
  @include close---alter;
}