/* Layout only: colours, fonts and button look come from the theme's own button classes. */
/* Tripled class: Astra's WooCommerce CSS sets position/margin on `.woocommerce-js a.button` (higher specificity). */
.leadrotator-float.leadrotator-float.leadrotator-float { position: fixed; bottom: 16px; z-index: 9999; display: inline-flex; align-items: center; gap: .5em; margin: 0; box-sizing: border-box; min-height: 44px; padding: .65em 1.1em; font-size: .9em; line-height: 1.2; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
/* Phones: a round icon button covers less of the page; the label stays for screen readers. */
@media (max-width: 767px) { .leadrotator-float.leadrotator-float.leadrotator-float { width: 56px; height: 56px; padding: 0; justify-content: center; border-radius: 50%; } .leadrotator-float .leadrotator-icon { width: 1.7em; height: 1.7em; } .leadrotator-float span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }
.leadrotator-float--right.leadrotator-float { right: 16px; left: auto; }
.leadrotator-float--left.leadrotator-float { left: 16px; right: auto; }
.leadrotator-btn-wrap .leadrotator-btn.leadrotator-btn.leadrotator-btn.leadrotator-btn { display: inline-flex; align-items: center; gap: .5em; }
.leadrotator-icon { flex: none; }
/* Block-button wrapper: Storefront styles `.hentry .entry-content .wp-block-button .wp-block-button__link` (0,4,0), so the shortcode rule is 0,5,0. */
/* Storefront's fixed phone bar (WooCommerce) would sit under the button: lift it clear. */
@media (max-width: 767px) { body:has(.storefront-handheld-footer-bar) .leadrotator-float.leadrotator-float.leadrotator-float { bottom: 88px; } }