/* buttons.css – Reusable buttons */
.btn, .btn-book, .btn-wa, .btn-call, .btn-outline {
  display: inline-block;
  padding: 14px 32px;
  margin: 8px 6px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}

.btn-book { background: #006400; color: white !important; }
.btn-book:hover { background: #004d00; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,100,0,0.3); }

.btn-wa { background: #25D366; color: white !important; }
.btn-wa:hover { background: #128C7E; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(37,211,102,0.4); }

.btn-call { background: #ff9900; color: white !important; }
.btn-call:hover { background: #e68a00; transform: translateY(-3px); }

.btn-outline {
  background: transparent; color: #006400 !important; border: 2.5px solid #006400;
}
.btn-outline:hover { background: #006400; color: white !important; }

.btn-nav { padding: 10px 24px; font-size: 0.95rem; }
.btn-large { padding: 18px 48px; font-size: 1.3rem; }

@media (max-width: 768px) {
  .btn, .btn-book, .btn-wa { padding: 12px 24px; font-size: 1rem; }
}