.saroban-cta { position: relative; overflow: hidden; max-width: 900px; margin: 35px auto; padding: 45px 55px; border-radius: 24px; background: radial-gradient(circle at 90% 10%, rgba(243,111,33,.12), transparent 30%), radial-gradient(circle at 5% 100%, rgba(46,125,50,.13), transparent 35%), linear-gradient(135deg, #f7fbf7 0%, #ffffff 55%, #f8faf5 100%); border: 1px solid rgba(46,125,50,.12); box-shadow: 0 12px 35px rgba(35,80,45,.10); text-align: center; font-family: inherit; } .saroban-cta-content { position: relative; z-index: 2; } .saroban-cta-label { display: inline-block; margin-bottom: 12px; padding: 6px 14px; border-radius: 30px; background: rgba(46,125,50,.09); color: #2e7d32; font-size: 14px; font-weight: 700; } .saroban-cta h2 { margin: 5px 0 12px; color: #245b2a; font-size: 30px; font-weight: 800; } .saroban-cta p { max-width: 600px; margin: 0 auto 25px; color: #555; font-size: 16px; line-height: 2; } .saroban-cta-button { display: inline-flex; align-items: center; gap: 12px; padding: 14px 27px; border-radius: 12px; background: #f36f21; color: #fff !important; text-decoration: none !important; font-size: 16px; font-weight: 800; box-shadow: 0 7px 18px rgba(243,111,33,.25); transition: .25s ease; } .saroban-cta-button span { font-size: 20px; transition: .25s ease; } .saroban-cta-button:hover { background: #2e7d32; transform: translateY(-3px); box-shadow: 0 10px 22px rgba(46,125,50,.25); } .saroban-cta-button:hover span { transform: translateX(-4px); } .saroban-cta-decoration { position: absolute; border: 1px solid rgba(46,125,50,.12); border-radius: 50%; } .decoration-1 { width: 220px; height: 220px; right: -100px; top: -120px; } .decoration-2 { width: 160px; height: 160px; left: -90px; bottom: -90px; border-color: rgba(243,111,33,.13); } .saroban-cta-leaf { position: absolute; right: 35px; bottom: 20px; font-size: 42px; opacity: .12; transform: rotate(-20deg); } @media (max-width: 600px) { .saroban-cta { padding: 35px 20px; margin: 25px 10px; } .saroban-cta h2 { font-size: 23px; } .saroban-cta p { font-size: 14px; } .saroban-cta-button { width: 100%; justify-content: center; } }