.draw-button {
padding: 10px 16px;
text-decoration: none;
border-radius: 5px;
} .draw-button.shop-page-button{
width: 98%;
text-align: center;
} .draw-button.single-product-button {
margin-left: 10px;
max-width: 300px;
padding: 5px 0px 10px;
align-items: center;
text-align: center;
}
.draw-button.single-product-button.winner-button{
padding: 4px 10px 10px 10px;
}  .wx-giveaway-ticket-range-single-page{
padding-bottom: 15px;
} .wx-giveaway-ticket-range-shop-page{
padding-bottom: 15px;
} .wxgiveaway_timer_single_page {
padding-top: 10px;
padding-bottom: 10px;
} .wxgiveaway_timer_shop_page{
padding-top: 10px;
padding-bottom: 10px;
} .shop-page-ticket-range .progress-container {
position: relative;
width: 100%;
}
.shop-page-ticket-range .progress-bar {
display: flex;
height: 20px;
border-radius: 10px;
overflow: unset;
position: relative;
margin-top : 3%;
}
.shop-page-ticket-range .sold-bar {
height: 100%;
position: relative;
text-align: center;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
} .shop-page-ticket-range .tooltip-sold-text {
left: 0px;
position: absolute;
top: -34px;
padding: 5px;
font-size: 12px;
border-radius: 4px;
white-space: nowrap;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.shop-page-ticket-range .tooltip-left-text {
right: 0px;
position: absolute;
top: -34px;
padding: 5px;
font-size: 12px;
border-radius: 4px;
white-space: nowrap;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 9999;
} .shop-page-ticket-range .tooltip-sold-text::after {
content: "";
position: absolute;
top: 100%;
left: 16%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
}
.shop-page-ticket-range .tooltip-left-text::after {
content: "";
position: absolute;
top: 100%;
left:91%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
} .shop-page-ticket-range .progress-bar:hover .tooltip-sold-text,
.shop-page-ticket-range .progress-bar:hover .tooltip-left-text {
visibility: visible;
opacity: 1;
}
.shop-page-ticket-range .sold-bar:hover .tooltip-sold-text {
visibility: visible;
opacity: 1;
} .single-page-ticket-range .progress-container {
position: relative;
width: 100%;
}
.single-page-ticket-range .progress-bar {
display: flex;
height: 20px;
border-radius: 10px;
overflow: unset;
position: relative;
margin-bottom: 11px;
}
.single-page-ticket-range .sold-bar {
height: 100%; position: relative;
text-align: center;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
} .single-page-ticket-range .tooltip-sold-text {
position: absolute;
top: -34px;
left: 0px;
padding: 5px;
font-size: 12px;
border-radius: 4px;
white-space: nowrap;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.single-page-ticket-range .tooltip-left-text {
position: absolute;
top: -34px;
right: 0px;
padding: 5px;
font-size: 12px;
border-radius: 4px;
white-space: nowrap;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
} .single-page-ticket-range .tooltip-sold-text::after {
content: "";
position: absolute;
top: 100%;
left: 7%;
border-width: 5px;
border-style: solid;
}
.single-page-ticket-range .tooltip-left-text::after {
content: "";
position: absolute;
top: 100%;
left: 85%;
border-width: 5px;
border-style: solid;
} .single-page-ticket-range .progress-bar:hover .tooltip-sold-text,
.single-page-ticket-range .progress-bar:hover .tooltip-left-text {
visibility: visible;
opacity: 1;
}
.single-page-ticket-range .sold-bar:hover .tooltip-sold-text {
visibility: visible;
opacity: 1;
}   .no-of-tickets-archive{
} .no-of-tickets-single{
}