.elementor-471 .elementor-element.elementor-element-d19aef9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-471 .elementor-element.elementor-element-d19aef9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-471 .elementor-element.elementor-element-b454a09 .tst-banner .tst-btn{background-color:#FFFFFF00;}.elementor-471 .elementor-element.elementor-element-b454a09 .tst-banner .tst-btn.tst-btn-lg{border-color:#FFFFFF;}.elementor-471 .elementor-element.elementor-element-f13633e{--display:flex;--min-height:745px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-471 .elementor-element.elementor-element-4fd152b{--spacer-size:230px;}.elementor-471 .elementor-element.elementor-element-e807afe{text-align:center;}.elementor-471 .elementor-element.elementor-element-e807afe .elementor-heading-title{font-size:98px;color:#FFFFFF;}.elementor-471 .elementor-element.elementor-element-c328b73.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-471 .elementor-element.elementor-element-e807afe .elementor-heading-title{font-size:70px;}}/* Start custom CSS for html, class: .elementor-element-c328b73 *//* General Reset and Base Font */
body {
  margin: 0;
  font-family: 'Georgia', serif;
  background: #000; /* or a background image/video as per your context */
}

/* Container to hold both buttons */
.button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  gap: 20px;
  flex-wrap: wrap;
}

/* Base button styling */
.btn {
  text-decoration: none;
  font-size: 1.2rem;
  color: #fff;
  padding: 12px 24px;
  transition: all 0.3s ease;
}

/* Reservation button (outlined) */
.reservation-btn {
  border: 2px solid #fff;
  background: transparent;
}

/* Open Menu button (simple text) */
.menu-btn {
  border: none;
}

/* Hover Effects */
.btn:hover {
  opacity: 0.8;
  transform: translateY(-2px);
}

/* Mobile responsive text */
@media (max-width: 600px) {
  .btn {
    font-size: 1rem;
    padding: 10px 20px;
  }

  .button-container {
    gap: 12px;
  }
}/* End custom CSS */