.elementor-633 .elementor-element.elementor-element-bb0a086{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-633 .elementor-element.elementor-element-7ff2d1b{width:initial;max-width:initial;}.elementor-633 .elementor-element.elementor-element-7ff2d1b .navbar .attr-right .attr-nav li.button a,.elementor-633 .elementor-element.elementor-element-7ff2d1b  .navbar .attr-right .attr-nav li.button a::after,.elementor-633 .elementor-element.elementor-element-7ff2d1b nav.navbar.validnavs.navbar-fixed.navbar-style-three.no-background .attr-right .attr-nav li.button a{color:#FFFFFF!important;}.elementor-633 .elementor-element.elementor-element-7ff2d1b .navbar .attr-right .attr-nav li.button a,.elementor-633 .elementor-element.elementor-element-7ff2d1b  .navbar .attr-right .attr-nav li.button a::after{background-color:#020101!important;}.elementor-633 .elementor-element.elementor-element-7ff2d1b .navbar.navbar-style-one.no-background .attr-right .attr-nav li.button a::after,.elementor-633 .elementor-element.elementor-element-7ff2d1b .navbar.no-background .attr-right .attr-nav li.button.light a::after{background-color:#FF0000!important;}.elementor-633 .elementor-element.elementor-element-7ff2d1b .navbar.navbar-style-one.no-background .attr-right .attr-nav li.button a:hover,.elementor-633 .elementor-element.elementor-element-7ff2d1b .navbar.no-background .attr-right .attr-nav li.button.light a::after{color:#FFFFFF!important;}/* Start custom CSS for restan_header, class: .elementor-element-7ff2d1b */.attr-nav .button a,
.attr-nav li.button a {
  background-color: black !important;
  color: white !important;
  text-decoration: none !important;
  padding: 10px 20px !important;
  border-radius: 25px !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
}

/* Force hover effect with maximum specificity for Home 4 page */
body .attr-nav .button a:hover,
body .attr-nav li.button a:hover,
html body .attr-nav .button a:hover,
html body .attr-nav li.button a:hover {
  background-color: red !important;
  color: white !important;
}

/* Target Home 4 page specifically if it has different classes */
.home .attr-nav .button a:hover,
.page-template-home-4 .attr-nav .button a:hover,
.elementor-page .attr-nav .button a:hover {
  background-color: red !important;
  color: white !important;
}

/* Nuclear option - Override everything */
.attr-nav .button a[href*="reservation"]:hover,
.attr-nav li.button a[href*="reservation"]:hover {
  background-color: red !important;
  color: white !important;
}/* End custom CSS */