.product-image .button{
position: absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
font-size: 11px;
opacity: 0;
}
.product-image:hover .button{
opacity: 1;
}.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 {
max-width: 200px;
text-align: center;
margin-top: 10px;
}  .wx-giveaway-ticket-range-single-page{
padding-bottom: 17px;
} .wx-giveaway-ticket-range-shop-page{
padding-bottom: 17px;
} .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;
}     .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;
}       .no-of-tickets-archive{
} .no-of-tickets-single{
}