@media (max-width: 720px) {
  html body.template-product .ml-product-gallery .ml-product-media-arrow {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.template-product .ml-product-gallery:hover .ml-product-media-arrow:not([disabled]),
  html body.template-product .ml-product-gallery:focus-within .ml-product-media-arrow:not([disabled]) {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body.template-product .ml-product-gallery:hover .ml-product-media-arrow[disabled],
  html body.template-product .ml-product-gallery:focus-within .ml-product-media-arrow[disabled] {
    opacity: 0.28 !important;
    pointer-events: none !important;
  }
}