.offer-button{
position:fixed;
right:0;
bottom: 10%;
background:#292B39;
color:#fff;
padding:14px 18px;
font-weight:bold;
text-decoration:none;
border-radius:8px 0 0 8px;
z-index:9999;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
transition:0.3s;
}

.offer-button:hover{
background:#5A5F7E;
}

.vertical-text2{
position:fixed;
right:-45px;
top:45%;
transform:rotate(-90deg);
background:#7a6a5e;
color:white;
padding:10px 20px;
font-weight:bold;
border-radius:8px;
letter-spacing:2px;
}

.offer-tab{
position:fixed;
right:0;
top:40%;
background:#7a6a5e;
border-radius:10px 0 0 10px;
padding:12px 8px;
display:flex;
flex-direction:column;
align-items:center;
text-decoration:none;
z-index:9999;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

.offer-tab:hover{
background:#4a3a2e;
}

.offer-icon{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:10px;
}

.vertical-text{
writing-mode: vertical-rl;   /* keeps the letters stacked */
text-orientation: upright;    /* upright letters */
color: white;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;          /* spacing between letters horizontally */
line-height: 1;               /* condenses vertical space */
text-align: center;
}