.g5plus-countdown{text-align:center}.g5plus-countdown .countdown-section{font-size:0;line-height:0;display:inline-block;position:relative;text-align:center;margin:15px}.g5plus-countdown .countdown-section .countdown-amount{font-size:40px;display:block;height:85px;width:85px;line-height:81px;text-align:center;background-color:#fff;margin:auto;color:var(--g5-color-secondary);border:2px solid var(--g5-color-accent);position:relative;font-weight:700}.g5plus-countdown .countdown-section .countdown-period{display:inline-block;font-size:18px;color:#fff;line-height:1.6;font-weight:700}.g5plus-countdown.cd-circle .countdown-section .countdown-amount{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.g5plus-countdown.cd-circle .countdown-section .countdown-amount:before{content:"";position:absolute;background-color:transparent;top:3px;right:3px;bottom:3px;left:3px;border:2px dotted var(--g5-color-accent);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.g5plus-countdown.cd-circle .countdown-period{margin-top:30px;border-top:2px solid var(--g5-color-accent)}.g5plus-countdown.cd-dark .countdown-section .countdown-amount{background-color:var(--g5-color-accent);color:#fff;border:2px solid var(--g5-color-secondary)}.g5plus-countdown.cd-dark .countdown-section .countdown-amount:before{border:2px dotted var(--g5-color-secondary)}.g5plus-countdown.cd-dark .countdown-section .countdown-period{color:#000}.g5plus-countdown.cd-square .countdown-section .countdown-amount{background-color:var(--g5-color-accent)}.g5plus-countdown.cd-square .countdown-section .countdown-amount:before{content:"";position:absolute;background-color:transparent;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--g5-color-secondary)}.g5plus-countdown.cd-square .countdown-section .countdown-period{padding:5px 0;border:2px solid var(--g5-color-accent);width:100%;margin:0;font-size:16px}.g5plus-countdown.cd-square.cd-dark .countdown-section .countdown-amount{background-color:var(--g5-color-secondary)}.g5plus-countdown.cd-square.cd-dark .countdown-section .countdown-amount:before{border:1px dashed var(--g5-color-accent)}.g5plus-countdown.cd-square.cd-dark .countdown-section .countdown-period{border:2px solid var(--g5-color-secondary)}