/* ==========================================================================
   Praveen Travels - Component Styles
   ========================================================================== */

/* Buttons */
.btn {
  display: inline-block;
  padding: 12px 28px;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  transition: var(--transition);
  cursor: pointer;
  border: none;
}

.btn-primary {
  background-color: var(--primary-color);
  color: var(--text-light);
}

.btn-primary:hover {
  background-color: var(--primary-hover);
  transform: translateY(-2px);
}

/* Card Components */
.travel-card {
  background: var(--text-light);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: var(--box-shadow);
  transition: var(--transition);
}

.travel-card:hover {
  transform: translateY(-5px);
}