.campaign-timer { position: absolute; bottom: 8px; left: 8px; z-index: 10; display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--campaign-color); border-radius: 8px; padding: 5px 7px; background: var(--campaign-color); color: #fff; font-size: 11px; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
.campaign-timer--medium { font-size: 13px; padding: 6px 8px; }
.campaign-timer--large { font-size: 15px; padding: 7px 9px; }
.campaign-timer--outline { color: var(--campaign-color); background: #fff; }
.campaign-timer--glass { color: #fff; background: #101828d9; border-color: var(--campaign-color); backdrop-filter: blur(6px); }
.campaign-timer[data-expired] { color: #fff; background: #64748b; border-color: #64748b; }
@media (max-width: 480px) { .campaign-timer { bottom: 5px; left: 5px; max-width: calc(100% - 10px); } .campaign-timer--large { font-size: 12px; padding: 5px 6px; } }