@import url('../base.css');
@import url('../components.css');
@import url('../header.css');
@import url('../footer.css');
@import url('../section-reviews.css');
@import url('section-clinics.css');
@import url('section-offers.css');
@import url('section-hero.css');
@import url('section-feature.css');
@import url('section-benefits.css');
@import url('section-directions.css');
@import url('section-doctors.css');
@import url('section-equipment.css');
@import url('section-technologies.css');
@import url('section-reviews.css');
@import url('section-cta.css');
@import url('accordion.css');



.arrow-btn {
  width: 39px;
  height: 39px;
  min-width: 39px;
  min-height: 39px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  background: transparent !important;
  color: var(--color-white) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.arrow-btn:hover {
  background: var(--color-white) !important;
  border-color: var(--color-white) !important;
  color: var(--color-primary) !important;
}

.arrow-btn svg {
  width: 20px;
  height: 20px;
}
.aesthetic-hero-nav .arrow-btn:hover svg path {
    stroke: #202020 !important;
}