_close-button.scss

@mixin close-button($size: 32px, $border-width: 1px, $color: #000) {
  @include inline-block;
  position: relative;
  width: $size;
  height: $size;
  
  &:hover {
    cursor: pointer;
  }
  
  &::before, &::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: $size;
    height: $border-width;
    background-color: $color;
  }
  
  &::before {
    @include rotate(45deg);
  }
  
  &::after {
    @include rotate(-45deg);
  }
}