/* Facebook Link Styling */
.contact-info .facebook-link {
    display: inline-flex;
    align-items: center;
    color: white;
    font-size: 16px;
    text-decoration: none; /* Remove underline */
    padding: 10px 20px;
    background-color: #3b5998;
    border-radius: 5px; /* Rounded corners */
    gap: 10px; /* Space between icon and text */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.contact-info .facebook-link:hover {
    background-color: #8b9dc3;
    transform: scale(1.05); /* Slightly enlarge on hover */
}

.contact-info .facebook-link i {
    font-size: 18px; /* Adjust icon size */
    margin-right: 8px; /* Space between the icon and text */
}

/* General Button Style */
button, a.whatsapp-button {
    background-color: #33351f;
    color: white;
    font-size: 16px;
    padding: 12px 24px;
    border: white 2px solid;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;  /* Remove underline from the link */
    font-family: Arial, sans-serif;
    transition: background-color 0.3s ease, transform 0.2s ease;
    margin:11px;
}

button:hover, a.whatsapp-button:hover {
    background-color: #128C7E;
    transform: scale(1.05);  /* Slightly enlarge the button on hover */
}

button:focus, a.whatsapp-button:focus {
    outline: none;  /* Remove outline on focus */
}

/* Optional: Adding a WhatsApp Icon */
a.whatsapp-button i {
    margin-right: 8px;  /* Space between icon and text */
}

.button {
    background-color: #33351f; 
    color: white;
    font-size: 16px;
    padding: 12px 24px;
    border: white 2px solid;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;  /* Remove underline from the link */
    font-family: Arial, sans-serif;
    transition: background-color 0.3s ease, transform 0.2s ease;
    margin:11px;
}

.button:hover {
    background-color: #128C7E;
    transform: scale(1.05);  /* Slightly enlarge the button on hover */
}

.button:focus {
    outline: none;  /* Remove outline on focus */
}
/* Generic button-style link */
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(16,17,20,.55);
  color:#fff;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  transition:background-color .2s ease, border-color .2s ease, transform .12s ease;
}
/* Kill global link underline/border for buttons */
.btn, .btn:hover{ border-bottom:0 !important; }

.btn:hover{ background:rgba(16,17,20,.75); border-color:#fff; transform:translateY(-1px); }
.btn-ico{ width:20px; height:20px; display:inline-block; }
.btn-call{ border-color: rgba(214,178,94,.6); }              /* subtle gold */
.btn-call:hover{ border-color: rgba(214,178,94,.95); }