.replay {
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  text-indent: -9999px;
  background: transparent;
  cursor: pointer;
}

.replay:before {
  position: absolute;
  bottom: -1px;
  right: -1px;
  content: '';
  width: 40px;
  height: 40px;
  transition: background-color 0.5s;
  background-color: rgba(255, 255, 255, 0.5);
  border-top-left-radius: 5px;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns:x='http://ns.adobe.com/Extensibility/1.0/' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' overflow='visible' xml:space='preserve'%3E%3Cpath d='M97.2,45.1c-0.2-2.4-2.4-4.1-4.7-3.8c-2.4,0.2-4.1,2.4-3.8,4.7c1.2,11.7-2.9,23.2-11.2,31.5c-15.2,15.2-39.8,15.2-55,0 s-15.2-39.8,0-55s39.8-15.2,55,0h-9.2c-2.4,0-4.3,1.9-4.3,4.3c0,1.2,0.5,2.3,1.3,3.1c0.8,0.8,1.9,1.3,3.1,1.3H88 c2.4,0,4.3-1.9,4.3-4.3V7.2c0-2.4-1.9-4.3-4.3-4.3s-4.3,1.9-4.3,4.3v9.2C65-2.1,34.9-2.1,16.4,16.4s-18.5,48.7,0,67.2 s48.7,18.5,67.2,0C93.8,73.4,98.7,59.4,97.2,45.1z' fill='%23dc005a'/%3E%3Cpath d='M43.5,32.6c-2.4-1.5-5.6,0.3-5.6,3.1v28.6c0,2.9,3.1,4.6,5.6,3.1l23.3-14.3c2.3-1.4,2.3-4.8,0-6.2L43.5,32.6z' fill='%23dc005a' /%3E%3C/svg%3E%0A");
}

.replay:hover:before {
  background-color: rgba(255, 255, 255, 0.9);
}