@mixin css-close-icon($color: $bb-studio-cobalt-gray, $bgc: white) {
  background-color: $bgc;
  border: 0;
  display: inline-block;
  height: spacing(13);
  overflow: hidden;
  padding: 0;
  position: relative;
  width: spacing(13);

  &::before, &::after {
    content: '';
    position: absolute;
    height: spacing(2);
    width: 100%;
    top: 50%;
    left: 0;
    background: $color;
  }
  &::before {
    transform: rotate(45deg);
  }
  &::after {
    transform: rotate(-45deg);
  }
}