[Single div X button] Close button created with a single div and pseudo elements #close #button #scss

_close.scss

$xSize: 40px;
$xColor: #000;

.x-btn {
  cursor: pointer;
  width: $xSize; 
  height: $xSize;
  position: relative;

  &:before, &:after {
    content: '';
    background: $xColor;
    position: absolute;
    top: 50%;
    height: 2px;
    width: 100%;
  }

  &:before {
    transform: rotate(45deg);
  }

  &:after {
    transform: rotate(-45deg);
  }
}