.consult-box--green{ --brand: #60bc10; /* <-- رنگ سبز اصلی */ --brand-2: #7cdd20; /* <-- سبز روشن‌تر برای گرادیانت */ --bg: #f6fff0; /* <-- پس‌زمینه سبز بسیار روشن */ --text: #2d2d2d; --ring: rgba(96, 188, 16, 0.18); /* <-- رنگ درخشش (سبز با شفافیت) */ } .consult-box{ margin: 25px 0; padding: 22px; text-align: center; color: var(--text); background: linear-gradient(180deg, var(--bg), #fff); border: 2px solid var(--brand); border-radius: 20px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); animation: softGlow 6s ease-in-out infinite; } .consult-text{ font-size: 17px; line-height: 1.9; margin: 0 0 14px; } .consult-text span{ font-weight: 700; color: var(--brand); } .consult-number{ color: var(--brand); font-weight: 700; text-decoration: none; margin-right: 6px; } .consult-number:hover{ text-decoration: underline; } /* دکمه تماس */ .consult-btn{ position: relative; overflow: hidden; display: inline-block; background: linear-gradient(135deg, var(--brand), var(--brand-2)); color: #fff !important; text-decoration: none; padding: 12px 30px; border-radius: 999px; font-size: 16px; font-weight: 800; /* سایه دکمه به رنگ سبز آپدیت شد */ box-shadow: 0 6px 18px rgba(96, 188, 16, 0.35); transition: transform .2s ease, box-shadow .2s ease; animation: pulseBtn 2.5s infinite ease-in-out; } .consult-btn:hover{ transform: translateY(-2px) scale(1.03); /* سایه هاور دکمه به رنگ سبز آپدیت شد */ box-shadow: 0 12px 28px rgba(96, 188, 16, 0.5); } /* ✨ افکت براق شدن */ .consult-btn .shine{ content:""; position:absolute; top:0; left:-75%; width:50%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 80%); transform: skewX(-25deg); } .consult-btn:hover .shine{ animation: shineAnim 1.2s forwards; } /* 🔥 انیمیشن‌ها */ @keyframes pulseBtn { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes shineAnim { 0% { left: -75%; } 100% { left: 125%; } } @keyframes softGlow { 0%,100% { box-shadow: 0 6px 16px rgba(0,0,0,0.08), 0 0 0 0 var(--ring); } 50% { box-shadow: 0 6px 18px rgba(0,0,0,0.12), 0 0 0 8px var(--ring); } } @media (prefers-reduced-motion: reduce){ .consult-box, .consult-btn{ animation: none !important; transition: none !important; } }