.countdown-time {
    &.countdown-heading {
        display: inline-block;

        .countdown-title {
            @extend %middle;
            margin-right: rem(5px);
        }

        .content-data-time {
            @extend %middle;
            font-size: 0;
        }

        .data {
            display: inline-block;
            width: 53px;
            height: 28px;
            font-family: $heading_font;
            font-weight: $fw_bold;
            text-align: center;
            @include border-radius(3px);
            background: $highlight_color;
            color: $light_color;
            position: relative;

            &:before {
                content: '';
                display: block;
                width: 100%;
                height: 14px;
                background: #000;
                opacity: 0.2;
                @include position(absolute, null, 0, 0, 0);
            }

            &:not(:last-child) {
                margin-right: rem(10px);

                &:after {
                    content: ':';
                    color: $highlight_color;
                    font-weight: normal;
                    font-size: rem(14px);
                    @include position(absolute, 50%, -8px);
                    @include transform(translateY(-50%));
                }
            }

            span {
                @include position(relative, 1.5px);
                z-index: 1;
            }
        }
    }
}