/* Header-style two-part hover wipe for CTA controls without the header class. */
:is(
  .woocommerce a.button:not(.tp-btn-yellow-semilar),
  .woocommerce button.button:not(.tp-btn-yellow-semilar),
  .woocommerce input.button,
  .fd-actions a,
  .fd-contact-whatsapp,
  .wpcf7 input[type="submit"],
  .wp-block-button__link
) {
  background-image: linear-gradient(#57c9da, #57c9da), linear-gradient(#57c9da, #57c9da) !important;
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: 0 50%, 0 50% !important;
  transition: background-size .3s cubic-bezier(.785,.135,.15,.86), color .3s ease-out, transform .3s ease-out;
}
body.woocommerce-shop ul.products li.product > a.button {
  background-image: linear-gradient(#57c9da, #57c9da), linear-gradient(#57c9da, #57c9da) !important;
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: 0 50%, 0 50% !important;
}
:is(
  .woocommerce a.button:not(.tp-btn-yellow-semilar),
  .woocommerce button.button:not(.tp-btn-yellow-semilar),
  .woocommerce input.button,
  .fd-actions a,
  .fd-contact-whatsapp,
  .wpcf7 input[type="submit"],
  .wp-block-button__link
):is(:hover, :focus-visible) {
  background-size: 100% 50%, 100% 50% !important;
  color: #1d1d23;
}

/* Keep the original fill visible until the wipe reaches it. */
body.woocommerce-shop ul.products li.product > a.button:is(:hover, :focus-visible) { background-color: #1e1e24 !important; background-size: 100% 50%, 100% 50% !important; color: #1e1e24 !important; }
body.woocommerce-shop ul.products li.product.post-301 > a.button:is(:hover, :focus-visible) { background-color: #ffdc60 !important; color: #1e1e24 !important; }
body .fd-actions a:hover,
body .fd-contact-whatsapp:hover,
body .fd-contact .wpcf7-form input[type="submit"]:hover { background-color: #ffdc60; text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  :is(.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .fd-actions a, .fd-contact-whatsapp, .wpcf7 input[type="submit"], .wp-block-button__link) { transition: none; }
}