JSFiddle - React, Tailwind, and code Playground

by tanya_22

HTML

<label for="">blabla</label>

SCSS

label{
  position: relative;
  display: block;
  width: 70px;
  height: 50px;
  border: 1px solid;
  &::after,
  &::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 4px;
    background-color: #86ad14;
  }
  &::before{
    height: 8px;
    top: 56%;
    right: 16px;
    transform: rotate(-45deg);
  }
  &::after{
    height: 13px;
    transform: rotate(45deg);
  }
}