JSFiddle - React, Tailwind, and code Playground

by Xiangwen Hu

HTML

<div class="inlineblock operation">
  <a class="focus__play c_ico1 js_playallsong">
    <span class="focus__play_text"></span>
  </a> 
 </div>

CSS

body{
  background-color:#000
}

.focus__play {
    position: relative;
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    border: .1rem solid;
    border-radius: 999px;
}
.c_ico1 {
    color: #fff;
}
.focus__play:before {
    content: "";
    position: absolute;
    top: .5rem;
    left: .65rem;
    height: 0;
    border-color: transparent transparent transparent currentColor;
    border-width: .45rem .75rem;
    border-style: solid;
}