/* --------------------------- Specific fix for hero, contact, pricing buttons (very-specific selectors first, plus fallbacks) --------------------------- */ /* Very-specific selectors (match Salient's classchain) */ a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow, a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::before, a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::after, a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::before, a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::after, a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow, a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::before, a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::after, a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::before, a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::after, a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow, a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::before, a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::after, a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::before, a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::after { /* kill any visual effects that produce blur */ text-shadow: none !important; box-shadow: none !important; filter: none !important; -webkit-filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background-image: none !important; background: none !important; -webkit-text-stroke: 0 !important; transform: none !important; opacity: 1 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* Fallback selectors (in case the button classchain differs) */ #hero-btn i.icon-button-arrow, #hero-btn i.icon-button-arrow::before, #hero-btn i.icon-button-arrow::after, #hero-btn::before, #hero-btn::after, #contact-btn i.icon-button-arrow, #contact-btn i.icon-button-arrow::before, #contact-btn i.icon-button-arrow::after, #contact-btn::before, #contact-btn::after, #pricing-btn i.icon-button-arrow, #pricing-btn i.icon-button-arrow::before, #pricing-btn i.icon-button-arrow::after, #pricing-btn::before, #pricing-btn::after { text-shadow: none !important; box-shadow: none !important; filter: none !important; -webkit-filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background-image: none !important; background: none !important; -webkit-text-stroke: 0 !important; transform: none !important; opacity: 1 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* Normalize the arrow size & alignment for these buttons */ a#hero-btn i.icon-button-arrow, #hero-btn i.icon-button-arrow, a#contact-btn i.icon-button-arrow, #contact-btn i.icon-button-arrow, a#pricing-btn i.icon-button-arrow, #pricing-btn i.icon-button-arrow { color: inherit !important; font-size: 18px !important; line-height: 1 !important; margin-top: -0.5em; /* keeps alignment consistent with your earlier tweak */ } /* ------------------------------ Force-rotate the existing arrows Paste this at the *end* of Additional CSS ------------------------------ */ /* specific buttons */ #hero-btn i.icon-button-arrow, #hero-btn i.icon-button-arrow::before, #hero-btn i.icon-button-arrow::after, #contact-btn i.icon-button-arrow, #contact-btn i.icon-button-arrow::before, #contact-btn i.icon-button-arrow::after, #pricing-btn i.icon-button-arrow, #pricing-btn i.icon-button-arrow::before, #pricing-btn i.icon-button-arrow::after { display: inline-block !important; /* allow transform on inline elements */ -webkit-transform: rotate(-45deg) !important; /* change angle to taste */ -ms-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; -webkit-transform-origin: center center !important; transform-origin: center center !important; line-height: 1 !important; } /* ================================ FORCE-ROTATE ARROW — high specificity override Paste this at the VERY END of your Additional CSS ================================ */ /* Hero button (match same specificity as your earlier rules) */ a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow, a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::before, a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::after, a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::before, a#hero-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::after, /* Contact button (same specificity) */ a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow, a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::before, a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::after, a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::before, a#contact-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::after, /* Pricing button (same specificity) */ a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow, a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::before, a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button i.icon-button-arrow::after, a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::before, a#pricing-btn.nectar-button.medium.regular.accent-color.has-icon.regular-button::after { /* allow transforms and force the rotation */ display: inline-block !important; -webkit-transform: rotate(-25deg) !important; /* change angle here */ -ms-transform: rotate(-25deg) !important; transform: rotate(-25deg) !important; -webkit-transform-origin: center center !important; transform-origin: center center !important; line-height: 1 !important; }