.close {
  width: 32px;
  height: 32px;
  position: relative;
  background-color: inherit;
  border: none;
  background-color: none;
  &::before,
  &::after {
    border-radius: 1px;
    background-color: rgba($color: #000000, $alpha: 0.56);
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center;
  }
  &::before {
    width: 50%;
    height: 2px;
  }
  &::after {
    width: 2px;
    height: 50%;
  }
}