.wrapper-timer {
    position: relative;
}

.timer {
    position: relative;
    background: url(/landings/280996/1686831601/images/icon-timer.png) #000 no-repeat left 15px center;
    padding: 8px 14px 5px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    max-width: fit-content;
    z-index: 3;
    padding-left: 40px;
    transform: skewX(3deg);
    width: 100%;
    min-width: 122px;
}

.wrapper-timer:after {
    content: '';
    display: block;
    background-color: #FF0077;
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    transform: skew(-4deg, 2deg);
}

@media (max-width: 768px) {
    .wrapper-timer {
        top: 70px;
        position: absolute;
        left: 50%;
        margin-left: -60px;
    }
    .timer {
        /* position: absolute; */
        /* left: 50%; */
        /* transform: translateX(-61px); */
        /* top: 50px; */
        font-size: 14px;
        min-width: 110px;
        background-size: 17px;
    }
}