# b-blocks/2.1.1/build/countdown/view.css

bBlocks – Essential Gutenberg Blocks & Patterns Collection, version 2.1.1. 2 lines.

- Page: https://pluginprobe.com/plugins/b-blocks/2.1.1/code/build/countdown/view.css
- Raw: https://pluginprobe.com/plugins/b-blocks/2.1.1/raw/build/countdown/view.css
- Modified: 2026-08-02T10:46:36+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/b-blocks/2.1.1/code/build/countdown/view.css#L10-L20`.

```css
.wp-block-b-blocks-countdown{display:flex;transition:opacity .3s ease-in-out,transform 8s ease-in-out}.wp-block-b-blocks-countdown *{box-sizing:border-box}.wp-block-b-blocks-countdown .bBlocksCountdown{align-items:center;display:inline-flex;max-width:100%;position:relative}.wp-block-b-blocks-countdown .bBlocksCountdown .prefixText{margin:0!important}.wp-block-b-blocks-countdown .bBlocksCountdown .suffixButton{text-decoration:none}.wp-block-b-blocks-countdown .bBlocksCountdown .countdownClose{fill:#333;cursor:pointer;outline:0;position:absolute;right:4px;top:3px;z-index:10}.wp-block-b-blocks-countdown .countdownItems{align-items:center;display:flex;flex-grow:1;max-width:100%}.wp-block-b-blocks-countdown .countdownItems .countdownItem{align-items:center;display:flex;flex-direction:column;justify-content:center}.wp-block-b-blocks-countdown .countdownItems .countdownItem .digit{display:block;font-weight:400}.wp-block-b-blocks-countdown .countdownItems .countdownItem .label{display:block;font-style:normal;line-height:100%;text-decoration:initial;text-transform:none}.wp-block-b-blocks-countdown .countdownItems .countdownItem.inline{flex-direction:row;justify-content:center}.wp-block-b-blocks-countdown .countdownItems .countdownItem.inline .digit{display:flex;flex:1 1 0%;justify-content:center}.wp-block-b-blocks-countdown .countdownItems .countdownItem.inline .label{display:flex;flex:1 1 0%}.wp-block-b-blocks-countdown .countdownItems .separator{position:relative}.wp-block-b-blocks-countdown .countdownItems .separator:before{line-height:100%;position:absolute;top:50%;transform:translate(-50%,-65%)}.wp-block-b-blocks-countdown .countdownItems .countdownItem.inline~.separator:before{transform:translate(-50%,-60%)}.wp-block-b-blocks-countdown.transformHidden{opacity:0;transform:translateY(-9999px)}@media only screen and (max-width:640px){.wp-block-b-blocks-countdown .countdownItems.bBlocksCountdownResponsive{flex-direction:column}.wp-block-b-blocks-countdown .countdownItems.bBlocksCountdownResponsive .separator{transform:rotate(90deg)}}

```