Countdown block

</p> <p>This block is for marketing purpose and allows to make custom countdowns</p> <p class="has-text-align-center">Default Look of timer</p> <div class="wp-block-greenshift-blocks-countdown gs-countdownwrap gspb_countdown-id-gsbp-d87fd772-f1fa"> <div class="gs-countdown" data-endtime="2023-02-28T03:46:00"> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="days">00</span></div> <div class="gs-countdown__item_label">Days</div> </div> <div class="gs-countdown__colon"> <div class="gs-countdown__colon-item"></div> <div class="gs-countdown__colon-item"></div> </div> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="hours">00</span></div> <div class="gs-countdown__item_label">Hours</div> </div> <div class="gs-countdown__colon"> <div class="gs-countdown__colon-item"></div> <div class="gs-countdown__colon-item"></div> </div> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="minutes">00</span></div> <div class="gs-countdown__item_label">Minutes</div> </div> <div class="gs-countdown__colon"> <div class="gs-countdown__colon-item"></div> <div class="gs-countdown__colon-item"></div> </div> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="seconds">00</span></div> <div class="gs-countdown__item_label">Seconds</div> </div> </div> </div> <p class="has-text-align-center">Custom colors and sizes</p> <div class="wp-block-greenshift-blocks-countdown gs-countdownwrap gspb_countdown-id-gsbp-1922ef46-9d84"> <div class="gs-countdown" data-endtime="2023-02-28T03:47:00"> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="days">00</span></div> <div class="gs-countdown__item_label">Days</div> </div> <div class="gs-countdown__colon"> <div class="gs-countdown__colon-item"></div> <div class="gs-countdown__colon-item"></div> </div> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="hours">00</span></div> <div class="gs-countdown__item_label">Hours</div> </div> <div class="gs-countdown__colon"> <div class="gs-countdown__colon-item"></div> <div class="gs-countdown__colon-item"></div> </div> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="minutes">00</span></div> <div class="gs-countdown__item_label">Minutes</div> </div> <div class="gs-countdown__colon"> <div class="gs-countdown__colon-item"></div> <div class="gs-countdown__colon-item"></div> </div> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="seconds">00</span></div> <div class="gs-countdown__item_label">Seconds</div> </div> </div> </div> <p class="has-text-align-center">Just text countdown</p> <div class="wp-block-greenshift-blocks-countdown gs-countdownwrap gspb_countdown-id-gsbp-57231823-bf83"> <div class="gs-countdown" data-endtime="2023-03-31T03:48:00"> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="days">00</span></div> <div class="gs-countdown__item_label">Days</div> </div> <div class="gs-countdown__colon"> <div class="gs-countdown__colon-item"></div> <div class="gs-countdown__colon-item"></div> </div> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="hours">00</span></div> <div class="gs-countdown__item_label">Hours</div> </div> <div class="gs-countdown__colon"> <div class="gs-countdown__colon-item"></div> <div class="gs-countdown__colon-item"></div> </div> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="minutes">00</span></div> <div class="gs-countdown__item_label">Minutes</div> </div> <div class="gs-countdown__colon"> <div class="gs-countdown__colon-item"></div> <div class="gs-countdown__colon-item"></div> </div> <div class="gs-countdown__item_wrap"> <div class="gs-countdown__item"><span class="seconds">00</span></div> <div class="gs-countdown__item_label">Seconds</div> </div> </div> </div> <p>