.swiper-navigation {
  display: flex;
  align-items: center;
  gap: 10px;
}
.swiper-navigation a {
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: var(--color-default);
  border: none !important;
  text-align: center;
  color: var(--color-secondary);
}
.swiper-navigation a i {
  display: block;
  line-height: 40px;
  font-size: 20px;
}
.swiper-navigation a.swiper-button-disabled {
  background-color: #ffffff;
  color: var(--color-default);
}
/* >= 768px */
/* >= 1024px */
/* >= 1248px */
/* >= 1440px */
/* >= 1600px */
/* >= 1920px */
@media (hover: hover) {
  .swiper-navigation a {
    cursor: pointer;
  }
  .swiper-navigation a:hover {
    background-color: var(--color-primary);
  }
  .swiper-navigation a.swiper-button-disabled {
    background-color: #ffffff;
    color: var(--color-default);
    cursor: not-allowed;
  }
  .swiper-navigation.angles a:hover {
    color: #ffffff !important;
  }
  .swiper-navigation.angles a.swiper-button-disabled {
    color: var(--color-default) !important;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Fvhosts%5C%2Fsentientexpanse.moremedia-development.at%5C%2Fhttpdocs%5C%2Fweb%5C%2Fthemes%5C%2Fcustom%5C%2F_units%5C%2Fu_swiper_navigation%5C%2Fu_swiper_navigation.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACI%2CaAAA%3BEACA%2CmBAAA%3BEACA%2CSAAA%3B%3BAAHJ%2CkBAKI%3BEACI%2CcAAA%3BEACA%2CYAAA%3BEACA%2CWAAA%3BEACA%2CkBAAA%3BEACA%2CkBAAkB%2CoBAAlB%3BEACA%2CuBAAA%3BEACA%2CkBAAA%3BEACA%2COAAO%2CsBAAP%3B%3BAAbR%2CkBAKI%2CEAUI%3BEACI%2CcAAA%3BEAEA%2CiBAAA%3BEACA%2CeAAA%3B%3BAAGJ%2CkBAjBJ%2CEAiBK%3BEACG%2CyBAAA%3BEACA%2COAAO%2CoBAAP%3B%3B%3B%3B%3B%3B%3B%3BAAmDX%2CQA5BmB%3BEAChB%2CkBACI%3BIACI%2CeAAA%3B%3BEAEA%2CkBAHJ%2CEAGK%3BIACG%2CkBAAkB%2CoBAAlB%3B%3BEAGJ%2CkBAPJ%2CEAOK%3BIACG%2CyBAAA%3BIACA%2COAAO%2CoBAAP%3BIACA%2CmBAAA%3B%3BEAMA%2CkBAFP%2COACG%2CEACK%3BIACG%2CcAAA%3B%3BEAGJ%2CkBANP%2COACG%2CEAKK%3BIACG%2COAAO%2CoBAAP%22%7D */