.btn {
  background-color: #d0d0d0;
  color: #6a6a6a;
  contain: paint;
  /*
    &.wait,
    &.wait:hover {
      background-color: rgba($base-color, 0.4);
      color: rgba($color, 0.3);
    }
  */
  --spinner-size: 30px;
  align-items: center;
  background-position: center;
  border: 0;
  border-radius: 5px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
  cursor: pointer;
  display: flex;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
  font-style: normal;
  justify-content: center;
  padding: 1rem 2rem;
  position: relative;
  text-decoration: none;
  text-shadow: none;
  transition: background 0.8s;
}
.btn > i {
  color: rgba(106, 106, 106, 0.5);
}
.btn[disabled] {
  opacity: 0.7;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn:link, .btn:visited {
  background-color: #d0d0d0;
  background-size: 100%;
  color: #6a6a6a;
  transition: background 0s;
}
.btn:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  transition: background 0s;
}
.btn:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}
.btn > i {
  margin-right: 10px;
  text-align: center;
}
.btn:focus {
  outline: auto;
}
.btn[disabled], .btn:disabled {
  background: #e5e5e5 !important;
  color: rgba(0, 0, 0, 0.4392156863);
  text-shadow: none;
}
.btn[disabled] i, .btn:disabled i {
  color: rgba(0, 0, 0, 0.3137254902);
}

.darkTheme .btn-primary,
.darkTheme a.btn-primary,
.lightTheme .btn-primary,
.lightTheme a.btn-primary {
  background-color: #c0e086;
  color: rgb(85.7221637427, 107.1921052632, 46.8078947368);
  contain: paint;
  /*
    &.wait,
    &.wait:hover {
      background-color: rgba($base-color, 0.4);
      color: rgba($color, 0.3);
    }
  */
}
.darkTheme .btn-primary > i,
.darkTheme a.btn-primary > i,
.lightTheme .btn-primary > i,
.lightTheme a.btn-primary > i {
  color: rgba(81.2732748538, 91.7921052632, 62.2078947368, 0.5);
}
.darkTheme .btn-primary[disabled],
.darkTheme a.btn-primary[disabled],
.lightTheme .btn-primary[disabled],
.lightTheme a.btn-primary[disabled] {
  opacity: 0.7;
  pointer-events: none;
  filter: saturate(0.2);
}
.darkTheme .btn-primary:link, .darkTheme .btn-primary:visited,
.darkTheme a.btn-primary:link,
.darkTheme a.btn-primary:visited,
.lightTheme .btn-primary:link,
.lightTheme .btn-primary:visited,
.lightTheme a.btn-primary:link,
.lightTheme a.btn-primary:visited {
  background-color: #c0e086;
  background-size: 100%;
  color: rgb(85.7221637427, 107.1921052632, 46.8078947368);
  transition: background 0s;
}
.darkTheme .btn-primary:hover:not(.wait),
.darkTheme a.btn-primary:hover:not(.wait),
.lightTheme .btn-primary:hover:not(.wait),
.lightTheme a.btn-primary:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  transition: background 0s;
}
.darkTheme .btn-primary:active,
.darkTheme a.btn-primary:active,
.lightTheme .btn-primary:active,
.lightTheme a.btn-primary:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-secondary,
a.btn-secondary {
  background-color: #668eee;
  color: #ffffff;
  contain: paint;
  /*
    &.wait,
    &.wait:hover {
      background-color: rgba($base-color, 0.4);
      color: rgba($color, 0.3);
    }
  */
}
.btn-secondary > i,
a.btn-secondary > i {
  color: rgba(255, 255, 255, 0.5);
}
.btn-secondary[disabled],
a.btn-secondary[disabled] {
  opacity: 0.7;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-secondary:link, .btn-secondary:visited,
a.btn-secondary:link,
a.btn-secondary:visited {
  background-color: #668eee;
  background-size: 100%;
  color: #ffffff;
  transition: background 0s;
}
.btn-secondary:hover:not(.wait),
a.btn-secondary:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  transition: background 0s;
}
.btn-secondary:active,
a.btn-secondary:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-secondary-outlined,
a.btn-secondary-outlined {
  border: 2px solid rgba(119, 149, 221, 0.6);
  background-color: transparent;
  color: #668eee;
  box-shadow: none !important;
  /*
    &.wait,
    &.wait:hover {
      background-color: color.adjust($base-color, $saturation: -0.4, $alpha: -0.5);
      color: rgba($base-color, 0.3);
    }
  */
}
.btn-secondary-outlined > i,
a.btn-secondary-outlined > i {
  color: rgba(110.5, 145.5, 229.5, 0.8);
}
.btn-secondary-outlined[disabled],
a.btn-secondary-outlined[disabled] {
  opacity: 0.4;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-secondary-outlined:link, .btn-secondary-outlined:visited,
a.btn-secondary-outlined:link,
a.btn-secondary-outlined:visited {
  background-color: #668eee;
  background-size: 100%;
  color: #ffffff;
  transition: background 0s;
}
.btn-secondary-outlined:hover:not(.wait),
a.btn-secondary-outlined:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  color: #668eee;
  transition: background 0s;
  /*    background-color: color.adjust($base-color, $alpha: -0.7); */
}
.btn-secondary-outlined:active,
a.btn-secondary-outlined:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-tertiary,
a.btn-tertiary {
  background-color: #eeb75f;
  color: rgb(103.7101694915, 73.5485006519, 25.2898305085);
  contain: paint;
  /*
    &.wait,
    &.wait:hover {
      background-color: rgba($base-color, 0.4);
      color: rgba($color, 0.3);
    }
  */
}
.btn-tertiary > i,
a.btn-tertiary > i {
  color: rgba(90.8101694915, 70.571577575, 38.1898305085, 0.5);
}
.btn-tertiary[disabled],
a.btn-tertiary[disabled] {
  opacity: 0.7;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-tertiary:link, .btn-tertiary:visited,
a.btn-tertiary:link,
a.btn-tertiary:visited {
  background-color: #eeb75f;
  background-size: 100%;
  color: rgb(103.7101694915, 73.5485006519, 25.2898305085);
  transition: background 0s;
}
.btn-tertiary:hover:not(.wait),
a.btn-tertiary:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  transition: background 0s;
}
.btn-tertiary:active,
a.btn-tertiary:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-tertiary-outlined,
a.btn-tertiary-outlined {
  border: 2px solid rgba(220.3, 178.9153846154, 112.7, 0.6);
  background-color: transparent;
  color: #eeb75f;
  box-shadow: none !important;
  /*
    &.wait,
    &.wait:hover {
      background-color: color.adjust($base-color, $saturation: -0.4, $alpha: -0.5);
      color: rgba($base-color, 0.3);
    }
  */
}
.btn-tertiary-outlined > i,
a.btn-tertiary-outlined > i {
  color: rgba(229.15, 180.9576923077, 103.85, 0.8);
}
.btn-tertiary-outlined[disabled],
a.btn-tertiary-outlined[disabled] {
  opacity: 0.4;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-tertiary-outlined:link, .btn-tertiary-outlined:visited,
a.btn-tertiary-outlined:link,
a.btn-tertiary-outlined:visited {
  background-color: #eeb75f;
  background-size: 100%;
  color: rgb(103.7101694915, 73.5485006519, 25.2898305085);
  transition: background 0s;
}
.btn-tertiary-outlined:hover:not(.wait),
a.btn-tertiary-outlined:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  color: #eeb75f;
  transition: background 0s;
  /*    background-color: color.adjust($base-color, $alpha: -0.7); */
}
.btn-tertiary-outlined:active,
a.btn-tertiary-outlined:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-neutral {
  background-color: #d0d0d0;
  color: #6a6a6a;
  contain: paint;
  /*
    &.wait,
    &.wait:hover {
      background-color: rgba($base-color, 0.4);
      color: rgba($color, 0.3);
    }
  */
}
.btn-neutral > i {
  color: rgba(106, 106, 106, 0.5);
}
.btn-neutral[disabled] {
  opacity: 0.7;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-neutral:link, .btn-neutral:visited {
  background-color: #d0d0d0;
  background-size: 100%;
  color: #6a6a6a;
  transition: background 0s;
}
.btn-neutral:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  transition: background 0s;
}
.btn-neutral:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-neutral-outlined {
  border: 2px solid rgba(208, 208, 208, 0.6);
  background-color: transparent;
  color: #d0d0d0;
  box-shadow: none !important;
  /*
    &.wait,
    &.wait:hover {
      background-color: color.adjust($base-color, $saturation: -0.4, $alpha: -0.5);
      color: rgba($base-color, 0.3);
    }
  */
}
.btn-neutral-outlined > i {
  color: rgba(208, 208, 208, 0.8);
}
.btn-neutral-outlined[disabled] {
  opacity: 0.4;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-neutral-outlined:link, .btn-neutral-outlined:visited {
  background-color: #d0d0d0;
  background-size: 100%;
  color: #6a6a6a;
  transition: background 0s;
}
.btn-neutral-outlined:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  color: #d0d0d0;
  transition: background 0s;
  /*    background-color: color.adjust($base-color, $alpha: -0.7); */
}
.btn-neutral-outlined:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-cancel {
  background-color: #fca4ab;
  color: rgb(184.0340425532, 27.9659574468, 40.3804642166);
  contain: paint;
  /*
    &.wait,
    &.wait:hover {
      background-color: rgba($base-color, 0.4);
      color: rgba($color, 0.3);
    }
  */
}
.btn-cancel > i {
  color: rgba(162.8340425532, 49.1659574468, 58.2077369439, 0.5);
}
.btn-cancel[disabled] {
  opacity: 0.7;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-cancel:link, .btn-cancel:visited {
  background-color: #fca4ab;
  background-size: 100%;
  color: rgb(184.0340425532, 27.9659574468, 40.3804642166);
  transition: background 0s;
}
.btn-cancel:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  transition: background 0s;
}
.btn-cancel:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-cancel-outlined {
  border: 2px solid rgba(231.5, 113.5, 119.7516556291, 0.6);
  background-color: transparent;
  color: #f86169;
  box-shadow: none !important;
  /*
    &.wait,
    &.wait:hover {
      background-color: color.adjust($base-color, $saturation: -0.4, $alpha: -0.5);
      color: rgba($base-color, 0.3);
    }
  */
}
.btn-cancel-outlined > i {
  color: rgba(239.75, 105.25, 112.3758278146, 0.8);
}
.btn-cancel-outlined[disabled] {
  opacity: 0.4;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-cancel-outlined:link, .btn-cancel-outlined:visited {
  background-color: #f86169;
  background-size: 100%;
  color: rgb(120.9181818182, 20.0818181818, 25.4241420831);
  transition: background 0s;
}
.btn-cancel-outlined:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  color: #f86169;
  transition: background 0s;
  /*    background-color: color.adjust($base-color, $alpha: -0.7); */
}
.btn-cancel-outlined:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-custom,
a.btn-custom {
  background-color: #c0e086;
  color: rgba(255, 255, 255, 0.8784313725);
  contain: paint;
  /*
    &.wait,
    &.wait:hover {
      background-color: rgba($base-color, 0.4);
      color: rgba($color, 0.3);
    }
  */
}
.btn-custom > i,
a.btn-custom > i {
  color: rgba(255, 255, 255, 0.3784313725);
}
.btn-custom[disabled],
a.btn-custom[disabled] {
  opacity: 0.7;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-custom:link, .btn-custom:visited,
a.btn-custom:link,
a.btn-custom:visited {
  background-color: #c0e086;
  background-size: 100%;
  color: rgba(255, 255, 255, 0.8784313725);
  transition: background 0s;
}
.btn-custom:hover:not(.wait),
a.btn-custom:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  transition: background 0s;
}
.btn-custom:active,
a.btn-custom:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-custom-outlined,
a.btn-custom-outlined {
  border: 2px solid rgba(187.6088888889, 208.8, 149.2, 0.6);
  background-color: transparent;
  color: #c0e086;
  box-shadow: none !important;
  /*
    &.wait,
    &.wait:hover {
      background-color: color.adjust($base-color, $saturation: -0.4, $alpha: -0.5);
      color: rgba($base-color, 0.3);
    }
  */
}
.btn-custom-outlined > i,
a.btn-custom-outlined > i {
  color: rgba(189.8044444444, 216.4, 141.6, 0.8);
}
.btn-custom-outlined[disabled],
a.btn-custom-outlined[disabled] {
  opacity: 0.4;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-custom-outlined:link, .btn-custom-outlined:visited,
a.btn-custom-outlined:link,
a.btn-custom-outlined:visited {
  background-color: #c0e086;
  background-size: 100%;
  color: rgba(255, 255, 255, 0.8784313725);
  transition: background 0s;
}
.btn-custom-outlined:hover:not(.wait),
a.btn-custom-outlined:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  color: #c0e086;
  transition: background 0s;
  /*    background-color: color.adjust($base-color, $alpha: -0.7); */
}
.btn-custom-outlined:active,
a.btn-custom-outlined:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}

.btn-download {
  background-color: #668eee;
  color: rgb(27.2, 51.2, 108.8);
  contain: paint;
  /*
    &.wait,
    &.wait:hover {
      background-color: rgba($base-color, 0.4);
      color: rgba($color, 0.3);
    }
  */
}
.btn-download > i {
  color: rgba(40.8, 56.8, 95.2, 0.5);
}
.btn-download[disabled] {
  opacity: 0.7;
  pointer-events: none;
  filter: saturate(0.2);
}
.btn-download:link, .btn-download:visited {
  background-color: #668eee;
  background-size: 100%;
  color: rgb(27.2, 51.2, 108.8);
  transition: background 0s;
}
.btn-download:hover:not(.wait) {
  filter: brightness(1.1) saturate(0.8);
  background-size: 100%;
  transition: background 0s;
}
.btn-download:active {
  filter: brightness(1.2) !important;
  background-size: 100%;
  transition: background 0s;
}
.btn-download > i {
  font-size: 40px;
  margin-right: 30px;
}

.btn-square i {
  margin: 0 0 0.3rem 0;
  width: unset;
}
.btn-square .btn {
  align-items: center;
  display: flex;
  flex-flow: column;
  height: unset;
  justify-content: center;
}

.btn-row {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
.btn-row .btn + .btn {
  margin-left: 10pt;
}

.btn-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-col .btn + .btn {
  margin-top: 8px;
}

.btn-grid {
  align-items: center;
  display: grid;
  column-gap: 15px;
  justify-content: center;
  margin: 10px 0;
}
.btn-grid .btn + .btn {
  margin: 0;
}

.btn-large {
  padding: 1.6rem 4rem;
  font-size: 13pt;
}

.btn-medium {
  padding: 1rem 2rem;
  font-size: 12pt;
}

.btn-small {
  padding: 0.3rem 1rem;
  font-size: 10.5pt;
  font-weight: 500;
}

.btn-tiny {
  padding: 0.2rem 0.8rem;
  font-size: 11pt;
  font-weight: 500;
}

.btn-x-tiny {
  padding: 0.1rem 0.4rem;
  font-size: 10pt;
  font-weight: 500;
}

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