blocksy

.wp-block-button__link-w{
box-shadow: inset -1px 2px 1px -1px #d6d6d6;
background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
background-color: #f9f9f9;
border-radius: 6px;
border: 1px solid #dcdcdc;
display: inline-block;
cursor: pointer;
color: #666666;
font-size: 15px;
font-weight: bold;
padding: 11px 66px;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
}
.iti__flag-container{
direction:ltr;
}
.ltr-left{
direction:ltr !important;
text-align:left !important;
}
.iti{
display:block !important;
}

.wpcf7 input[type=tel]{

color: white;
background-color: rgba(0, 0, 0, 0.3);
}

.iti__selected-dial-code,.iti–separate-dial-code {
color: white;
}

/* Style for the floating button */
.whatsapp-float {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25D366;
color: white;
border-radius: 50px;
padding: 12px 20px;
font-size: 16px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1000;
text-decoration: none;
transition: box-shadow 0.3s;
max-width: 300px; /* Suitable width for desktop */
}

/* WhatsApp icon */
.whatsapp-float i {
margin-right: 10px;
font-size: 24px;
color: white; /* Icon color */
}

/* Hover effect */
.whatsapp-float:hover {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

/* Notification dot to attract users */
.notification-dot {
width: 10px;
height: 10px;
background-color: red;
border-radius: 50%;
position: absolute;
top: 5px;
right: 5px;
animation: pulse 1.5s infinite;
}

/* Notification pulsing effect */
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}

/* Make the button full-width on mobile */
@media (max-width: 600px) {
.whatsapp-float {
width: calc(100% – 40px); /* Full width with margin */
left: 20px; /* Center the button horizontally */
right: 20px; /* Remove excess space */
border-radius: 10px; /* Rounded edges for full-width button */
font-size: 14px;
padding: 10px 15px;
}
}

.language-dropdown {
position: relative;
display: inline-block;
font-family: sans-serif;
}

.dropdown-toggle {
background-color: white;
color: #333;
padding: 10px 14px;
border: 1px solid #ccc;
border-radius: 25px;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
}

.dropdown-toggle i {
margin-left: 6px;
font-size: 12px;
}

.dropdown-menu {
display: none;
position: absolute;
top: 110%;
right: 0;
background-color: white;
min-width: 160px;
border: 1px solid #ddd;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
border-radius: 10px;
z-index: 9999;
padding: 8px 0;
}

.language-dropdown:hover .dropdown-menu {
display: block;
}

.dropdown-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
font-size: 14px;
color: #333;
text-decoration: none;
transition: background-color 0.2s ease;
}

.dropdown-item:hover {
background-color: #f1f1f1;
}

.current-lang {
color: #999;
cursor: default;
pointer-events: none;
}