@media (max-width:768px){

#offer-popup{
width:300px !important;
padding:18px !important;
}

.offer-image{
width:130px !important;
margin-bottom:10px !important;
}

#offer-popup h2{
font-size:20px !important;
line-height:1.4;
}

#offer-popup p{
font-size:13px !important;
line-height:1.7;
}

#offer-coupon{
font-size:22px !important;
padding:12px !important;
}

#copyCoupon,
#shopNow{
padding:10px !important;
font-size:14px !important;
}

}

@media (max-width:768px){

#offer-btn{
position:fixed !important;
left:0 !important;
top:50% !important;
bottom:auto !important;
transform:translateY(-50%) !important;

writing-mode:vertical-rl !important;

padding:14px 8px !important;
border-radius:0 12px 12px 0 !important;

font-size:13px !important;
z-index:99999999 !important;
}

}

#offer-btn{
background:linear-gradient(180deg,#081631,#102B63) !important;
color:#D9B96A !important;
border:1px solid #C9A55A !important;
box-shadow:0 8px 25px rgba(8,22,49,.45) !important;
}

#offer-btn:hover{
background:linear-gradient(180deg,#102B63,#081631) !important;
color:#F2D188 !important;
}