/* breakpoints */
button, .button, input[type="submit"], .btn {
  --bg-clr: var(--black);
  --btn-clr: var(--white);
  --border-clr: transparent;
  --hover-bg-clr: color-mix(in srgb, var(--bg-clr), #fff 20%);
  --hover-bg-clr-dark: color-mix(in srgb, var(--bg-clr), #000 5%);
  --hover-border-clr: var(--border-clr);
  --hover-font-clr: var(--white);
  --bs-btn-padding-y: .75em;
  --bs-btn-padding-x: 2em;
  --border-radius: var(--btn-border-radius, 50px);
  border-radius: var(--border-radius);
  cursor: pointer;
  font-family: var(--font-primary);
  transition: var(--transition);
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none;
  position: relative;
  width: fit-content;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  color: var(--btn-clr, --font-clr);
  background: var(--bg-clr);
  border: 1px solid var(--border-clr);
  font-weight: 600;
}
@media (max-width: 767.98px) {
  button, .button, input[type="submit"], .btn {
    font-size: 0.938em;
  }
}
button.active, button:hover, button:focus-visible, button:focus, .button.active, .button:hover, .button:focus-visible, .button:focus, input[type="submit"].active, input[type="submit"]:hover, input[type="submit"]:focus-visible, input[type="submit"]:focus, .btn.active, .btn:hover, .btn:focus-visible, .btn:focus {
  background: var(--hover-bg-clr);
  border-color: var(--hover-border-clr);
  color: var(--hover-font-clr);
}
button.btn-secondary, .button.btn-secondary, input[type="submit"].btn-secondary, .btn.btn-secondary {
  --bg-clr: transparent;
  --btn-clr: var(--font-clr);
  --hover-bg-clr: var(--clr-primary-light);
  --border-clr: var(--clr-grey-light);
  --hover-border-clr: var(--clr-primary);
  --hover-font-clr: var(--clr-primary);
}
button.btn-sm, .button.btn-sm, input[type="submit"].btn-sm, .btn.btn-sm {
  --bs-btn-padding-y: .5em;
  --bs-btn-padding-x: 1.5em;
}
button.btn-round, .button.btn-round, input[type="submit"].btn-round, .btn.btn-round {
  --border-radius: 50px;
}
button i, .button i, input[type="submit"] i, .btn i {
  color: inherit;
  line-height: inherit;
}
button.btn-accent, .button.btn-accent, input[type="submit"].btn-accent, .btn.btn-accent {
  background-image: linear-gradient(90deg, var(--clr-secondary) 0%, var(--clr-primary) 100%) !important;
  --font-clr: var(--white);
  --btn-clr: var(--white);
}
button.btn-accent ul, .button.btn-accent ul, input[type="submit"].btn-accent ul, .btn.btn-accent ul {
  --list-icon-clr: var(--white);
}
button.btn-white, .button.btn-white, input[type="submit"].btn-white, .btn.btn-white {
  --bg-clr: var(--white);
  --btn-clr: var(--black);
  --border-clr: var(--white);
  --hover-bg-clr: color-mix(in srgb, var(--white), #000 5%);
  --hover-border-clr: color-mix(in srgb, var(--white), #000 5%);
  --hover-font-clr: var(--black);
}
button.btn-blue, .button.btn-blue, input[type="submit"].btn-blue, .btn.btn-blue {
  --bg-clr: var(--clr-primary);
  --btn-clr: var(--white);
  --border-clr: var(--clr-primary);
  --hover-bg-clr: color-mix(in srgb, var(--clr-primary), #000 5%);
  --hover-border-clr: color-mix(in srgb, var(--clr-primary), #000 5%);
  --hover-font-clr: var(--white);
}
button.btn-grey, .button.btn-grey, input[type="submit"].btn-grey, .btn.btn-grey {
  --bg-clr: var(--clr-grey);
  --btn-clr: var(--black);
  --border-clr: var(--clr-grey);
  --hover-bg-clr: var(--hover-bg-clr-dark);
  --hover-border-clr: var(--hover-bg-clr-dark);
  --hover-font-clr: var(--black);
}
button.btn-underline, .button.btn-underline, input[type="submit"].btn-underline, .btn.btn-underline {
  --bg-clr: transparent;
  --border-clr: transparent;
  --hover-border-clr: transparent;
  --hover-bg-clr: transparent;
  --hover-font-clr: var(--clr-primary-dark);
  border-bottom: 2px solid var(--black);
  border-radius: 0;
  padding: var(--bs-btn-padding-y) 0;
  --btn-clr: var(--font-clr);
  font-size: 1.5rem;
}
button.btn-underline:hover, button.btn-underline:focus-visible, button.btn-underline:focus, .button.btn-underline:hover, .button.btn-underline:focus-visible, .button.btn-underline:focus, input[type="submit"].btn-underline:hover, input[type="submit"].btn-underline:focus-visible, input[type="submit"].btn-underline:focus, .btn.btn-underline:hover, .btn.btn-underline:focus-visible, .btn.btn-underline:focus {
  border-bottom: 2px solid var(--clr-primary);
  --hover-font-clr: var(--clr-primary);
}
button.btn-border, .button.btn-border, input[type="submit"].btn-border, .btn.btn-border {
  --border-clr: var(--border-color);
  border: 1px solid var(--border-clr);
}
button.btn-border:hover, button.btn-border:focus-visible, button.btn-border:focus, .button.btn-border:hover, .button.btn-border:focus-visible, .button.btn-border:focus, input[type="submit"].btn-border:hover, input[type="submit"].btn-border:focus-visible, input[type="submit"].btn-border:focus, .btn.btn-border:hover, .btn.btn-border:focus-visible, .btn.btn-border:focus {
  background-image: linear-gradient(90deg, var(--clr-secondary) 0%, var(--clr-primary) 100%) !important;
  --font-clr: var(--white);
  --border-clr: transparent;
  --hover-font-clr: var(--white);
}
button.btn-border:hover ul, button.btn-border:focus-visible ul, button.btn-border:focus ul, .button.btn-border:hover ul, .button.btn-border:focus-visible ul, .button.btn-border:focus ul, input[type="submit"].btn-border:hover ul, input[type="submit"].btn-border:focus-visible ul, input[type="submit"].btn-border:focus ul, .btn.btn-border:hover ul, .btn.btn-border:focus-visible ul, .btn.btn-border:focus ul {
  --list-icon-clr: var(--white);
}
button.btn-outline, .button.btn-outline, input[type="submit"].btn-outline, .btn.btn-outline {
  background-color: transparent;
  --border-clr: var(--border-color);
  padding: 1rem;
  border-radius: var(--border-radius-sm);
  --btn-clr: var(--black);
  --hover-font-clr: var(--black);
  --hover-border-clr: var(--black);
}
button.btn-icon, .button.btn-icon, input[type="submit"].btn-icon, .btn.btn-icon {
  --size: 2.5rem;
  padding: 0;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  background-color: var(--white);
}
@media (min-width: 768px) {
  button.btn-icon, .button.btn-icon, input[type="submit"].btn-icon, .btn.btn-icon {
    --size: 3rem;
  }
}
@media (min-width: 992px) {
  button.btn-icon, .button.btn-icon, input[type="submit"].btn-icon, .btn.btn-icon {
    --size: 4rem;
  }
}
@media (min-width: 1200px) {
  button.btn-icon, .button.btn-icon, input[type="submit"].btn-icon, .btn.btn-icon {
    --size: 5rem;
  }
}
button.btn-icon i, .button.btn-icon i, input[type="submit"].btn-icon i, .btn.btn-icon i {
  color: var(--black);
  font-size: 2rem;
}
@media (min-width: 768px) {
  button.btn-icon i, .button.btn-icon i, input[type="submit"].btn-icon i, .btn.btn-icon i {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  button.btn-icon i, .button.btn-icon i, input[type="submit"].btn-icon i, .btn.btn-icon i {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  button.btn-icon i, .button.btn-icon i, input[type="submit"].btn-icon i, .btn.btn-icon i {
    font-size: 4rem;
  }
}
button.btn-circle, .button.btn-circle, input[type="submit"].btn-circle, .btn.btn-circle {
  --circle-size: 40px;
  width: var(--circle-size);
  height: var(--circle-size);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-weight: 400;
  display: flex;
  background: var(--white);
  color: var(--font-clr);
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1;
  border: 1px solid var(--border-color);
  white-space: normal;
}
@supports (text-wrap: inherit) {
  button.btn-circle, .button.btn-circle, input[type="submit"].btn-circle, .btn.btn-circle {
    text-wrap: inherit;
  }
}
@media (max-width: 1199.98px) {
  button.btn-circle, .button.btn-circle, input[type="submit"].btn-circle, .btn.btn-circle {
    --circle-size: 38px;
    font-size: 1rem;
  }
}
@media (max-width: 991.98px) {
  button.btn-circle, .button.btn-circle, input[type="submit"].btn-circle, .btn.btn-circle {
    --circle-size: 36px;
    font-size: 0.938rem;
  }
}
@media (max-width: 767.98px) {
  button.btn-circle, .button.btn-circle, input[type="submit"].btn-circle, .btn.btn-circle {
    font-size: 0.875rem;
  }
}
.button * {
  color: var(--white);
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
.btn-close:hover {
  --bg-clr: transparent;
}
.btn-close-alternative {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  font-weight: 700;
  display: flex;
  background: var(--white);
  color: var(--black);
  border: 1px solid var(--clr-grey-light);
  opacity: 1;
}
.btn-close-alternative:hover {
  background-image: linear-gradient(90deg, var(--clr-secondary) 0%, var(--clr-primary) 100%) !important;
  --font-clr: var(--white);
}
.btn-close-alternative:hover ul {
  --list-icon-clr: var(--white);
}
.btn-close-alternative:hover i {
  color: var(--white);
}
.btn-group {
  gap: 1rem;
  flex-wrap: wrap;
}
.bg-primary .btn.btn-primary {
  --bg-clr: var(--white);
  --font-clr: var(--clr-primary);
}
.btn-link {
  transition: var(--transition);
}
.btn-link:hover {
  color: var(--clr-primary);
}
.btn-link:hover .btn-circle {
  background: var(--clr-primary);
  color: var(--white);
  border-color: var(--clr-primary);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fthermotex24%2Fscss%2Fobjects%2F_buttons.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Fobjects%2F..%2Fsettings%2Fbreakpoints.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Fobjects%2F..%2Fsettings%2F_mixins.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACuCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADJF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAE7BA%3BAAAA%3BAAAA%3BAFkCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYE%3BAAAA%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAErFF%3BAAAA%3BAAAA%3BAF%2BFA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACxGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgIA%3BAAAA%3BAAAA%3BAAAA%3BAChIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkJF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqLJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcE%3BAAAA%3BAAAA%3BAAAA%3BAEnNA%3BAAAA%3BAAAA%3BAFsNE%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */