.discount-container{background:linear-gradient(102.32deg,rgba(92,81,141,0.14) 14.86%,rgba(213,151,206,0.14) 48.6%,rgba(244,176,203,0.14) 91.76%);border-radius:7px;flex:0 0 auto;padding:20px;text-align:center;max-width:400px;margin:0 auto}.discount-header{font-size:22px;color:#333333;font-weight:600;margin-bottom:10px}.discount-percentage{background:#C15A5F;border-radius:6px;color:white;padding:7px 7px 9px 7px;display:inline-block;font-size:22px;font-weight:600;line-height:100%}.discount-text{font-size:14px;color:#333;line-height:120%;margin-bottom:20px}.timer-wrapper{position:relative;display:inline-block;width:66px;height:66px;margin:0 5px}.timer-circle-bg{fill:none;stroke:#DBC4DB;stroke-width:2}.timer-circle-progress{fill:none;stroke-width:2;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;stroke:#B35F9A;transition:stroke-dasharray 0.5s ease,stroke 1s ease}.timer-circle-progress.changing{animation:colorChange 2s infinite}@keyframes colorChange{0%{stroke:#dda0dd}50%{stroke:#ff69b4}100%{stroke:#dda0dd}}.timer-value{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:400;line-height:120%;color:#39375B}.timer-label{position:absolute;top:60%;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;line-height:120%;color:#39375B}@media (max-width:375px) and (min-width:340px){.discount-container{padding:20px 10px}}