:root::before {
  content: "";
  position: absolute;
  width: 1vmin;
  height: 60vmin;
  background: #000;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: 30deg;
  border-radius: 4vmin;
}

:root::after {
  content: "";
  position: absolute;
  width: 8vmin;
  height: 60vmin;
  background: #fff;
  border-inline: 1vmin solid #000;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: background-color 1s;
}

:root:hover::after {
  background: #fff0;
}