#dkx .dkx__hero-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; margin: 24px 0 22px !important; } #dkx .dkx__hero-actions .dkx__btn, #dkx .dkx__summary-actions .dkx__btn, #dkx #dkxMobileBar .dkx__btn, #dkx #dkxMobileMenu .dkx-mobile-menu-call { min-height: 48px !important; height: auto !important; padding: 0 22px !important; border-radius: 14px !important; font-size: 15px !important; line-height: 1 !important; font-weight: 950 !important; white-space: nowrap !important; transform: none !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important; } #dkx .dkx__hero-actions .dkx__btn { position: relative !important; overflow: hidden !important; } #dkx .dkx__hero-actions .dkx__btn--gold::after { content: "\203A" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; margin-left: 8px !important; border-radius: 999px !important; background: rgba(255,255,255,.16) !important; font-size: 20px !important; line-height: 18px !important; } #dkx .dkx__hero-actions .dkx__call-green::before, #dkx .dkx__mobile-header-call::before { content: "\260E" !important; display: inline-block !important; margin-right: 8px !important; font-size: .95em !important; line-height: 1 !important; } #dkx .dkx__hero-actions .dkx__btn { width: auto !important; min-width: 150px !important; max-width: 100% !important; flex: 0 0 auto !important; } #dkx .dkx__hero-actions .dkx__btn--gold, #dkx .dkx__summary-actions .dkx__btn--gold, #dkx #dkxMobileBar .dkx__btn--gold { background: linear-gradient(180deg, #d52234 0%, #a40416 62%, #7d0010 100%) !important; border: 1px solid rgba(122, 0, 13, .28) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.34), inset 0 -1px 0 rgba(26,24,24,.18), 0 12px 24px rgba(153,0,17,.28), 0 3px 8px rgba(26,24,24,.14) !important; text-shadow: none !important; } #dkx .dkx__hero-actions .dkx__call-green, #dkx .dkx__hero-actions a[href^="tel:"].dkx__btn.dkx__call-green, #dkx .dkx__summary-actions .dkx__call-green, #dkx .dkx__summary-actions a[href^="tel:"].dkx__btn.dkx__call-green, #dkx .dkx__mobile-header-call, #dkx #dkxMobileMenu .dkx-mobile-menu-call { color: #FCF6F5 !important; background: linear-gradient(180deg, #29c874 0%, #159554 62%, #0d703d 100%) !important; border: 1px solid rgba(12,116,60,.28) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -1px 0 rgba(26,24,24,.14), 0 12px 24px rgba(18,140,74,.27), 0 3px 8px rgba(26,24,24,.12) !important; text-shadow: none !important; } #dkx .dkx__hero-actions .dkx__btn--gold:hover, #dkx .dkx__summary-actions .dkx__btn--gold:hover, #dkx .dkx__hero-actions .dkx__call-green:hover, #dkx .dkx__hero-actions a[href^="tel:"].dkx__btn.dkx__call-green:hover, #dkx .dkx__summary-actions .dkx__call-green:hover, #dkx .dkx__summary-actions a[href^="tel:"].dkx__btn.dkx__call-green:hover, #dkx .dkx__mobile-header-call:hover { transform: translateY(-1px) !important; } #dkx .dkx__mobile-header-call { min-height: 42px !important; padding: 0 18px !important; border-radius: 15px !important; font-size: 14px !important; font-weight: 950 !important; } @media (max-width: 760px) { #dkx .dkx__hero-copy { width: calc(100% - 44px) !important; max-width: 356px !important; margin: 0 auto !important; box-sizing: border-box !important; } #dkx .dkx__title { width: 100% !important; max-width: 356px !important; margin-left: 0 !important; margin-right: 0 !important; } #dkx .dkx__hero-actions { width: 100% !important; max-width: 356px !important; display: flex !important; grid-template-columns: none !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; margin: 18px auto 14px !important; box-sizing: border-box !important; padding: 0 !important; } #dkx .dkx__hero-actions .dkx__btn { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 46px !important; padding: 0 8px !important; border-radius: 15px !important; font-size: 13px !important; letter-spacing: .01em !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.26), inset 0 -1px 0 rgba(26,24,24,.12), 0 8px 18px rgba(26,24,24,.13) !important; } #dkx .dkx__hero-actions .dkx__btn--gold { flex-grow: 1.08 !important; } #dkx .dkx__hero-actions .dkx__call-green { flex-grow: .92 !important; } #dkx .dkx__hero-actions .dkx__btn--gold::after { width: 18px !important; height: 18px !important; margin-left: 6px !important; font-size: 18px !important; } #dkx .dkx__hero-actions .dkx__call-green::before { margin-right: 6px !important; } #dkx .dkx__mobile-header-call { min-height: 42px !important; padding: 0 16px !important; border-radius: 15px !important; font-size: 14px !important; } #dkx .dkx__messengers { width: 100% !important; max-width: 356px !important; margin: 10px auto 0 !important; box-sizing: border-box !important; } #dkx .dkx__messengers-title, #dkx .dkx__messengers-list { margin-left: 0 !important; padding-left: 0 !important; justify-content: flex-start !important; } } @media (max-width: 360px) { #dkx .dkx__hero-actions { gap: 7px !important; } #dkx .dkx__hero-actions .dkx__btn { min-height: 40px !important; padding: 0 8px !important; font-size: 12px !important; } }