<div class="play"></div>

.play { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 807 567' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFF' d='m323.7 386.7-.2-223.7 214.4 112.7z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FF0002' d='M323.5 163v224.5V163c79 42.8 214.4 112.8 214.4 112.8s-134.7 70.8-214.4 111.7M767.6 51.3c-13.7-18.1-37.2-32.2-62.1-36.9-73.3-13.9-530.7-13.9-604 0-20 3.8-37.8 12.8-53.1 26.9C-16 101.2 4.2 422.1 19.7 474c6.5 22.5 15 38.7 25.6 49.4 13.7 14.1 32.5 23.8 54 28.1 60.4 12.5 371.3 19.5 604.9 1.9 21.5-3.8 40.6-13.8 55.6-28.4 59.6-59.6 55.6-398.5 7.8-473.7'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 150px;
  width: 100%;
  aspect-ratio: 13/9;
  display: inline-block;
  cursor: pointer;
}