Play Button using HTML and CSS

HTML CSS play button

by Sreekesh S K

HTML

<span>
  <button name="play"></button>
</span>

CSS

span button[name="play"] {
  width: 20px;
  height: 20px;
  background: #000;
  border: none;
  border-radius: 100%;
  margin: auto;
  cursor: pointer;
  outline: none;
}
span button[name="play"]::after {
  content: '';
  display: inline-block;
  position: relative;
  top: 0px;
  left: 1px;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent white;
}