/* begin::buttons */
.btn-accent-regular:has(.double) {
  overflow: hidden;
}
.btn-accent-regular:has(.double) * {
  transition: all 0.7s;
}
.btn-accent-regular:has(.double) span:not(.double) {
  position: relative;
}
.btn-accent-regular:has(.double) span.double {
  position: absolute;
  left: 0;
  bottom: -85px;
  width: 100%;
  height: 100%;
}
.btn-accent-regular:has(.double):hover span:not(.double) {
  transform: translateY(-50px);
}
.btn-accent-regular:has(.double):hover span.double {
  bottom: -49px;
}
.btn-accent-regular:has(.double):hover .button-arrow-wrapper {
  width: 24px;
  overflow: hidden;
  position: relative;
}
.btn-accent-regular:has(.double):hover .button-arrow-wrapper .double {
  position: absolute;
  left: 0%;
  top: 3px;
}
.btn-accent-regular:has(.double):hover .button-arrow-wrapper img:not(.double) {
  transform: translateX(100%);
}
@media (max-width: 1599px) {
  .btn-accent-regular:has(.double):hover span:not(.double) {
    transform: translateY(-3.125rem);
  }
  .btn-accent-regular:has(.double):hover span.double {
    bottom: -3.1475rem;
  }
  .btn-accent-regular:has(.double):hover .button-arrow-wrapper {
    width: 24px;
    overflow: hidden;
    position: relative;
  }
  .btn-accent-regular:has(.double):hover .button-arrow-wrapper .double {
    position: absolute;
    left: 0%;
    top: 0.0275rem;
  }
  .btn-accent-regular:has(.double):hover .button-arrow-wrapper img:not(.double) {
    transform: translateX(100%);
  }
}
.btn-accent-regular:has(.double) .button-arrow-wrapper {
  width: 24px;
  overflow: hidden;
  position: relative;
}
.btn-accent-regular:has(.double) .button-arrow-wrapper .double {
  position: absolute;
  left: -100%;
  top: 3px;
}

.btn-accent-regular {
  background-color: var(--accent-color-10);
  color: rgba(2, 22, 39, 0.8);
  font-size: var(--regular-font-size);
  font-weight: 600;
  border-radius: 4px;
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0 16px;
  min-width: -moz-max-content;
  min-width: max-content;
  border: 0;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
}
.btn-accent-regular.white-bg {
  background-color: #fff;
  color: var(--blue-color-10) !important;
}
.btn-accent-regular.white-bg span {
  color: var(--blue-color-10);
}
.btn-accent-regular.big {
  height: 3rem;
  font-size: 1.1875rem;
  font-weight: 600;
  padding: 0 16px;
}
@media (max-width: 1749px) {
  .btn-accent-regular.big {
    font-size: 1rem;
  }
}
@media (max-width: 1549px) {
  .btn-accent-regular.big {
    font-size: 0.85rem;
  }
}
@media (max-width: 1499px) {
  .btn-accent-regular.big {
    font-size: 0.85rem;
  }
}
@media (max-width: 1199px) {
  .btn-accent-regular.big {
    font-size: 1.125rem;
  }
}
@media (max-width: 575px) {
  .btn-accent-regular.big {
    height: 3.4rem;
  }
}
.btn-accent-regular.dark {
  background-color: var(--black-color-10);
}
.btn-accent-regular.outline {
  background-color: transparent;
  border: 1px solid #000;
}
.btn-accent-regular.blue-outline {
  border: 1px solid var(--blue-color-10);
  color: var(--blue-color-10);
  background-color: transparent;
}
.btn-accent-regular.blue-outline:hover {
  background: rgba(0, 93, 164, 0.1);
  color: var(--blue-color-10);
}
.btn-accent-regular.white-outline {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}
.btn-accent-regular.white-outline img {
  filter: brightness(0) invert(1);
}
.btn-accent-regular.white-outline:hover {
  color: var(--accent-color-10);
  background: rgba(250, 250, 250, 0.1);
}
.btn-accent-regular.dark-outline {
  border: 1px solid #222;
  color: #222;
  background-color: transparent;
}
.btn-accent-regular.dark-outline:hover {
  color: #222;
}
.btn-accent-regular.light {
  background-color: rgba(0, 61, 119, 0.05);
  color: var(--accent-color-10);
}
.btn-accent-regular.light:hover {
  color: var(--accent-color-10);
}
.btn-accent-regular.light-outline {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}
.btn-accent-regular.light-outline:hover {
  color: #fff;
}
.btn-accent-regular {
  transition: all 0.5s;
}
.btn-accent-regular:hover {
  color: #222;
}

.btn-accent-round {
  background-color: var(--accent-color-10);
  color: #fff;
  font-size: var(--regular-font-size);
  font-weight: 500;
  border-radius: 100px;
  height: 54px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  min-width: -moz-max-content;
  min-width: max-content;
  transition: all 0.5s;
}

.btn-accent-round:hover {
  opacity: 0.8;
  color: #fff;
}

/* end::buttons *//*# sourceMappingURL=buttons.css.map */