/*
 * WayzAway R1F R1
 *
 * Apple touch environments only.
 *
 * IMPORTANT:
 * - no width override
 * - no height override
 * - no padding override
 * - no font-size override
 *
 * Existing play-overlay dimensions therefore remain intact.
 *
 * Android receives none of these declarations.
 */

html.wz-r1f-apple-touch
:is(
  .wz-r14a-video-play,
  .wz-card-video-play,
  .wz-card-play,
  .wz-media-play,
  .wzsc-card-play,
  .wzsc-media-play
) {
  /*
   * Preserve the existing box size/placement and replace only
   * its visual treatment.
   *
   * The white triangle is an SVG background rather than the
   * platform-rendered ▶ glyph, so Apple cannot substitute its
   * own play-symbol appearance.
   */
  background-color:
    #e40046
    !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E")
    !important;

  background-repeat:
    no-repeat
    !important;

  background-position:
    54% 50%
    !important;

  background-size:
    38% 38%
    !important;

  color:
    transparent
    !important;

  text-shadow:
    none
    !important;

  border-radius:
    50%
    !important;

  box-shadow:
    0 2px 8px
    rgba(0, 0, 0, 0.20)
    !important;
}