@mixin modal-close() {
  cursor: pointer;
  text-align: center;
  width: $grid-unit-y * 4;

  @include button-size(
    $btn-sm-padding-y - 1,
    0,
    $font-size-large,
    $btn-sm-line-height,
    $btn-border-radius-base
  );

  @include themes(background-color, color-new-bg);
  @include themes(color, color-new-heading);

  &:hover,
  &:focus {
    @include themes(background-color, color-new-border);
  }

  &:before {
    content: "\f00d";
    font-family: $font-family-awesome;
    font-weight: $font-family-awesome-weight;
    vertical-align: -10%;
  }
}