.eb-countdown-ifq8gg5.eb-cd-wrapper{ max-width:711px; margin: 0px; padding: 9px; background-color: rgba(148,148,148,0.52); border-width: 1px; border-color: #333333; border-style: solid; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } div.eb-countdown-ifq8gg5.eb-cd-wrapper{ margin-left: auto; margin-right: auto; } .eb-countdown-ifq8gg5.eb-cd-wrapper:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-countdown-ifq8gg5.eb-cd-wrapper:hover:before{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner { display: flex; justify-content: center; flex-direction: row; } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box { position:relative; display: flex; width: 100%; background-image: radial-gradient(ellipse at 50% 50%, rgba(0,255,0,1) 16% , rgba(0,115,255,1) 72%); transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; padding-top: 20px; padding-bottom: 20px; border-radius: 10px; border-width: 2px; border-color: rgba(66,66,66,0.64); border-style: solid; flex-direction: column; align-items: center; } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box span { display: block; } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { font-size: 40px; color: rgba(79,87,90,1); } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { font-size: 18px; color: rgba(79,87,90,1); } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box + .box { margin: 0; margin-left:42px; } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ background-image: radial-gradient(circle at 50% 50%, rgba(255,38,38,1) 0% , rgba(253,253,253,1) 88%); } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-label{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-digit{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ background-image: radial-gradient(circle at 50% 50%, rgba(255,38,38,1) 0% , rgba(253,253,253,1) 90%); } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-label{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-digit{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ background-image: radial-gradient(circle at 50% 50%, rgba(255,38,38,1) 0% , rgba(253,253,253,1) 88%); } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-label{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-digit{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-second{ background-image: radial-gradient(circle at 50% 50%, rgba(255,38,38,1) 0% , rgba(255,255,255,1) 88%); } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-second:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-second span.eb-cd-label{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-second span.eb-cd-digit{ }  @media(max-width: 1024px){ .eb-countdown-ifq8gg5.eb-cd-wrapper{ } .eb-countdown-ifq8gg5.eb-cd-wrapper:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper:before{ } .eb-countdown-ifq8gg5.eb-cd-wrapper:hover:before{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box + .box { } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-second{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-second:hover{ } } @media(max-width: 767px){ .eb-countdown-ifq8gg5.eb-cd-wrapper{ padding: 0px; } .eb-countdown-ifq8gg5.eb-cd-wrapper:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper:before{ } .eb-countdown-ifq8gg5.eb-cd-wrapper:hover:before{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box + .box { margin-left:6px; } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-second{ } .eb-countdown-ifq8gg5.eb-cd-wrapper .eb-cd-inner .box.cd-box-second:hover{ } }