/* Button Hover Fix - More Specific Selectors */
.carousel-content a.theme-btn,
.products a.theme-btn,
a.theme-btn.text-lg-center,
a.theme-btn.text-lg-start,
a.theme-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.2s ease-in-out !important;
}

.carousel-content a.theme-btn:hover,
.products a.theme-btn:hover,
a.theme-btn.text-lg-center:hover,
a.theme-btn.text-lg-start:hover,
a.theme-btn:hover {
  background-color: var(--btnhoverbg);
  color: var(--btnhovertext);
}

.carousel-content a.theme-btn:hover span.button-text,
.products a.theme-btn:hover span.button-text,
a.theme-btn.text-lg-center:hover span.button-text,
a.theme-btn.text-lg-start:hover span.button-text,
a.theme-btn:hover span.button-text {
  transform: translate(13px, 0px) !important;
  transition: 0.2s ease-in-out !important;
}

.carousel-content a.theme-btn:hover i,
.products a.theme-btn:hover i,
a.theme-btn.text-lg-center:hover i,
a.theme-btn.text-lg-start:hover i,
a.theme-btn:hover i {
  transform: translate(60px, 0px) !important;
  color: #000 !important;
  opacity: 0 !important;
  transition: 0.2s ease-in-out !important;
}