
.violatix-countdown-items {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.violatix-countdown-items li {
    display: inline-block;
    padding: 5px;
    position: relative;
}

.violatix-countdown-show-separator .violatix-countdown-items li{
    padding: 15px
}

.violatix-countdown-container li.violatix-countdown-item > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.violatix-countdown-container.violatix-countdown-label-inline li.violatix-countdown-item > div{
    flex-direction: row;
}

.violatix-countdown-digits {
    margin-bottom: 0;
}

.violatix-countdown-container.violatix-countdown-label-inline .violatix-countdown-label{
    padding-left: 12px;
}

.violatix-countdown-container.violatix-countdown-label-block .violatix-countdown-label{
    display: block;
}

.violatix-countdown-container.violatix-countdown-label-block .violatix-countdown-digits{
    display: inline-block;
}

.violatix-countdown-show-separator .violatix-countdown-item::after {
    content: attr(data-separator);
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.violatix-countdown-item:last-child::after {
    display: none;
}

.violatix-countdown-finish-message{
    padding: 3rem 20%;
}

.violatix-countdown-finish-message.inline{
    display: flex;
}

.violatix-countdown-finish-img{
    margin: 0 auto 3rem;
}

.violatix-countdown-finish-text{
    margin: 1rem 0 0;
}

@media (max-width: 768px) {

    .violatix-countdown-items{
        flex-wrap: wrap;
    }

}