/* ============================================ Круговой таймер обратного отсчёта — стили Подключить один раз в сайта: ============================================ */ #cdt-timer, #cdt-wrap { display: block !important; width: 100% !important; text-align: center !important; margin: 0 auto !important; } .cdt-center { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; text-align: center !important; margin: 0 auto !important; } .cdt { display: inline-flex !important; align-items: center !important; gap: 20px !important; font-family: sans-serif !important; margin: 0 auto !important; flex-wrap: wrap; justify-content: center; } .cdt-u { display: flex; flex-direction: column; align-items: center; gap: 6px; } .cdt-rc { position: relative; width: 90px; height: 90px; } .cdt-rc svg { width: 100%; height: 100%; transform: rotate(-90deg); } .cdt-v { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: bold; color: #ffffff; } .cdt-l { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #999; } .cdt-sep { font-size: 36px; color: #ccc; margin-bottom: 18px; } .cdt-done { font-size: 20px; font-weight: bold; color: #ff3c00; text-align: center; width: 100%; }