.custom-cta-block { display: block; margin: 0 auto 20px auto; padding: 0 10px; max-width: 100%; width: 100%; background-color: white; box-sizing: border-box; } .custom-cta-block .cta-heading { width: 100% !important; text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; display: block !important; font-size: 28px !important; font-weight: 500 !important; text-align: left !important; } .cta-buttons-wrapper { display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; padding-top: 15px; } .cta-button-container { display: flex; flex-direction: column; align-items: center; gap: 3px; width: 100%; max-width: 400px; } .cta-featured-block .cta-button-container { width: 100%; max-width: 350px; } .main-cta-button { background-color: var(--wp--preset--color--contrast-2); color: white; padding: 15px 50px; border-radius: 8px; text-decoration: none; font-size: 18px; font-weight: 600; text-align: center; transition: opacity 0.3s ease; border: none; cursor: pointer; width: 100%; max-width: 400px; min-width: 300px; box-sizing: border-box; position: relative; } .main-cta-button.custom-color { } .main-cta-button .cta-arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } .main-cta-button:hover { opacity: 0.9; text-decoration: none; color: white; } .main-cta-button.featured-button { padding: 16px 90px; font-size: 16px; width: 100%; min-width: 250px; max-width: 350px; position: relative; } .main-cta-button.featured-button .cta-arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } .custom-cta-block .button-warning-text, .custom-cta-block p.button-warning-text { font-size: 12px !important; color: #666 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; font-style: italic !important; line-height: 1.3 !important; display: block !important; visibility: visible !important; opacity: 0.8 !important; font-weight: normal !important; background: none !important; border: none !important; width: auto !important; height: auto !important; position: static !important; } .cta-features { display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; justify-content: center !important; align-items: center !important; } .feature-card { background: rgba(99, 99, 99, 0.12) !important; border: 1px solid rgba(99, 99, 99, 0.25) !important; color: #666 !important; border-radius: 8px !important; padding: 4px 10px !important; font-size: 13px !important; max-width: 120px !important; width: auto !important; height: auto !important; min-height: unset !important; margin: 0 !important; text-align: center !important; display: inline-block !important; box-sizing: border-box !important; vertical-align: middle !important; position: relative !important; } .feature-card.custom-color { } .cta-excerpt.post-excerpt { font-size: 1rem !important; color: #555 !important; text-align: center; max-width: 700px; margin-bottom: 18px; } .cta-simple-block { display: flex; flex-direction: column; align-items: center; gap: 15px; width: 100%; max-width: 800px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .cta-post-block { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 900px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .cta-simple-block .cta-image img { max-width: 220px; width: 100%; border-radius: 8px; } @media (max-width: 768px) { .custom-cta-block { padding: 0 10px; } .cta-heading, .cta-heading.post-title { font-size: 1.3rem !important; } .cta-featured-block { flex-direction: column !important; text-align: center !important; padding: 30px !important; max-width: 100% !important; margin: 0 auto 20px auto !important; } .cta-featured-block h2 { text-align: center !important; } .cta-featured-image { margin-right: 0 !important; margin-bottom: 20px !important; } .cta-featured-image img { width: 180px !important; height: 120px !important; } .cta-features { justify-content: center !important; } .main-cta-button { font-size: 16px; padding: 16px 30px; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; } .main-cta-button.featured-button { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .cta-post-block, .cta-simple-block { padding: 0 15px; max-width: 100%; } .cta-featured-block { margin: 0 15px 20px 15px !important; padding: 30px !important; } .cta-button-container, .cta-featured-block, .cta-simple-block, .cta-post-block { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .cta-heading { text-align: left !important; } .cta-featured-content > h2[style] { text-align: center !important; } } .cta-button-container { width: 100%; max-width: 400px; } .cta-featured-block .cta-button-container { width: 100%; max-width: 350px; } .cta-featured-content h2::before { display: none !important; } .cta-featured-content h2 { font-size: 24px !important; font-weight: 600 !important; } .cta-heading { font-size: 28px !important; font-weight: 500 !important; text-align: left !important; } .custom-cta-block h2 { text-align: left !important; } .custom-cta-block > .cta-heading { text-align: left !important; } .custom-cta-block .cta-heading { text-align: left !important; } .custom-cta-block h2.cta-heading { text-align: left !important; } .custom-cta-block > h2.cta-heading { text-align: left !important; } div.custom-cta-block h2.cta-heading { text-align: left !important; } [class*="affiliate-block-"][class$="-product-label"] { background-color: var(--wp--preset--color--contrast-2); color: #fff !important; border-radius: 6px; padding: 6px 18px; font-weight: 700; font-size: 1rem; display: inline-block; } [class*="affiliate-block-"][class$="-product-label"].custom-color { } [class*="affiliate-block-"][class$="-rating-left"] { background-color: var(--wp--preset--color--contrast-2); color: #fff !important; border-radius: 6px; padding: 6px 18px; font-weight: 700; font-size: 1rem; display: inline-block; } [class*="affiliate-block-"][class$="-rating-left"].custom-color { }