@import 'css/master/settings/settings';
$close-x-width: 22px;

.close-x {
  width: $close-x-width;
  height: $close-x-width;
  margin: 4px;

  &:before {
    @include rotate-translate(11px, 45deg);
    @include transform-origin(center center);
    content: '';
    height: $close-x-width;
    width: 2px;
    background-color: $black;
    display: inline-block;
  }

  &::after {
    @include rotate-translate(9px, -45deg);
    @include transform-origin(center);
    content: '';
    height: $close-x-width;
    width: 2px;
    background-color: $black;
    display: inline-block;
  }
}