/* Consistent style and width for all devices */ .ast-custom-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; padding: 12px 32px !important; border-radius: 8px !important; white-space: nowrap !important; min-width: 240px !important; max-width: 100% !important; width: auto !important; box-sizing: border-box !important; margin: 0 !important; visibility: visible !important; opacity: 1 !important; } /* Tablet */ @media (max-width: 1024px) { .ast-custom-button { font-size: 16px !important; padding: 10px 18px !important; min-width: 180px !important; } } /* Mobile and force show in mobile header */ @media (max-width: 768px) { .ast-header-break-point .ast-custom-button-wrap { display: flex !important; justify-content: flex-end !important; align-items: center !important; width: 100% !important; } .ast-custom-button { display: inline-flex !important; font-size: 15px !important; padding: 8px 12px !important; min-width: 140px !important; margin: 5px 0 !important; width: auto !important; visibility: visible !important; opacity: 1 !important; } } /* Extra: Remove display:none if set by theme on mobile */ @media (max-width: 480px) { .ast-custom-button, .ast-custom-button-wrap { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; height: auto !important; width: auto !important; } }