.countdown {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 2rem 0
}

.countdown .edit-wrapper {
    display: flex
}

.countdown .days {
    color: #f39100
}

.countdown .hours {
    color: #ee7f00
}

.countdown .minutes {
    color: #ee7101
}

.countdown .seconds {
    color: #e94d09
}

.countdown .days,
.countdown .hours,
.countdown .minutes,
.countdown .seconds {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    font-family: "NNNittiGrotesk-Heading";
    position: relative;
    width: 3.625rem
}

@media print,
screen and (min-width: 40em) {

    .countdown .days,
    .countdown .hours,
    .countdown .minutes,
    .countdown .seconds {
        width: 8.75rem
    }
}

.countdown .days .score-text,
.countdown .hours .score-text,
.countdown .minutes .score-text,
.countdown .seconds .score-text {
    height: 3.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 9.1px;
    box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, .08)
}

@media print,
screen and (min-width: 40em) {

    .countdown .days .score-text,
    .countdown .hours .score-text,
    .countdown .minutes .score-text,
    .countdown .seconds .score-text {
        font-size: 4rem;
        height: 8.75rem;
        border-radius: 25.6px;
        box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, .08)
    }
}

.countdown .days .score-units,
.countdown .hours .score-units,
.countdown .minutes .score-units,
.countdown .seconds .score-units {
    color: #cac7c7;
    text-align: center;
    text-transform: uppercase;
    font-size: .75rem;
    padding: .625rem 0
}

@media print,
screen and (min-width: 40em) {

    .countdown .days .score-units,
    .countdown .hours .score-units,
    .countdown .minutes .score-units,
    .countdown .seconds .score-units {
        padding: 1rem 0;
        font-size: 1rem
    }
}

.countdown .days,
.countdown .hours,
.countdown .minutes {
    margin-right: 2rem
}

@media print,
screen and (min-width: 40em) {

    .countdown .days,
    .countdown .hours,
    .countdown .minutes {
        margin-right: 3.375rem
    }
}

.countdown .days .score-text:after,
.countdown .hours .score-text:after,
.countdown .minutes .score-text:after {
    position: absolute;
    content: ":";
    font-size: 2rem;
    right: -1.25rem;
    top: .25rem;
    font-family: "NNNittiGrotesk-Heading";
    color: #e94d09
}

@media print,
screen and (min-width: 40em) {

    .countdown .days .score-text:after,
    .countdown .hours .score-text:after,
    .countdown .minutes .score-text:after {
        font-size: 3.25rem;
        right: -2rem;
        top: 2rem
    }
}

.banner-wrapper .countdown {
    justify-content: flex-start;
    padding: 0
}

.banner-wrapper .countdown .days,
.banner-wrapper .countdown .hours,
.banner-wrapper .countdown .minutes,
.banner-wrapper .countdown .seconds {
    width: 3.625rem
}

.banner-wrapper .countdown .days .score-text,
.banner-wrapper .countdown .hours .score-text,
.banner-wrapper .countdown .minutes .score-text,
.banner-wrapper .countdown .seconds .score-text {
    height: 3.625rem;
    font-size: 1.5rem;
    border-radius: 9.1px;
    box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, .08)
}

.banner-wrapper .countdown .days .score-units,
.banner-wrapper .countdown .hours .score-units,
.banner-wrapper .countdown .minutes .score-units,
.banner-wrapper .countdown .seconds .score-units {
    font-size: .75rem;
    padding: .625rem 0
}

.banner-wrapper .countdown .days,
.banner-wrapper .countdown .hours,
.banner-wrapper .countdown .minutes {
    margin-right: 2rem
}

.banner-wrapper .countdown .days .score-text:after,
.banner-wrapper .countdown .hours .score-text:after,
.banner-wrapper .countdown .minutes .score-text:after {
    font-size: 2rem;
    right: -1.25rem;
    top: .25rem
}