.button_LEAN {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: auto;
  max-width: calc(100% - 0px);
  height: var(--extra_extra_large);
  flex-grow: 0;
}

.button_LEAN.only_icon {
  width: var(--extra_extra_large);
  height: auto;
  aspect-ratio: 1 / 1;
}

.button_LEAN.only_texts {
  width: auto;
  height: var(--extra_extra_large);
  aspect-ratio: auto;
}

.button_LEAN .button_content__LEAN, .button_LEAN.transparent .button_content__LEAN {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px var(--medium);
  gap: 0px;
  width: auto;
  max-width: calc(100% - 0px);
  height: calc(100% - 0px);
  flex-grow: 1;
  text-decoration: none;
  color: var(--texts);
}

.button_LEAN.only_icon .button_content__LEAN {
  padding: 0px;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
}

.button_LEAN.only_texts .button_content__LEAN {
  padding: 0px var(--medium);
  width: auto;
  height: calc(100% - 0px);
}

.button_LEAN.fill.principal .button_content__LEAN, .button_LEAN.fill.third .button_content__LEAN, .button_LEAN.fill.support .button_content__LEAN, .button_LEAN.fill.light .button_content__LEAN {
  color: var(--dark);
}

.button_LEAN.fill.dark .button_content__LEAN {
  color: var(--light);
}

.button_LEAN.fill.second .button_content__LEAN, .button_LEAN.fill.pure_white .button_content__LEAN {
  color: var(--texts);
}

.button_LEAN.fill.pure_black .button_content__LEAN {
  color: var(--pure_white);
}

.button_LEAN.outline .button_content__LEAN {
  box-sizing: border-box;
  height: calc(100% - var(--minimum));
  border: calc(var(--minimum) / 2) solid var(--texts);
  border-radius: 512px;
}

.button_LEAN.outline.principal .button_content__LEAN, .button_LEAN.outline.second .button_content__LEAN, .button_LEAN.outline.third .button_content__LEAN, .button_LEAN.outline.support .button_content__LEAN, .button_LEAN.outline.light .button_content__LEAN {
  color: var(--dark);
  border-color: var(--dark);
}

.button_LEAN.outline.pure_white .button_content__LEAN {
  color: var(--pure_black);
  border-color: var(--pure_black);
}

.button_LEAN.transparent.principal .button_content__LEAN {
  color: var(--principal);
}

.button_LEAN.transparent.second .button_content__LEAN {
  color: var(--second);
}

.button_LEAN.transparent.third .button_content__LEAN {
  color: var(--third);
}

.button_LEAN.transparent.support .button_content__LEAN {
  color: var(--support);
}

.button_LEAN.transparent.light .button_content__LEAN {
  color: var(--light);
}

.button_LEAN.transparent.dark .button_content__LEAN {
  color: var(--dark);
}

.button_LEAN.transparent.pure_white .button_content__LEAN {
  color: var(--pure_white);
}

.button_LEAN.transparent.pure_black .button_content__LEAN {
  color: var(--pure_black);
}

.button_LEAN .button_content__LEAN .value_content__LEAN, .button_LEAN.transparent .button_content__LEAN .value_content__LEAN {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: var(--extra_small);
  width: auto;
  max-width: calc(100% - 0px);
  height: auto;
  color: inherit;
  flex-grow: 0;
}

.button_LEAN:active .button_content__LEAN .value_content__LEAN, .button_LEAN.pressed .button_content__LEAN .value_content__LEAN {
  padding: 0px var(--extra_small) var(--minimum);
  border: calc(var(--minimum) / 2) solid var(--texts);
  border-radius: var(--extra_small);
}

.button_LEAN.outline:active .button_content__LEAN .value_content__LEAN, .button_LEAN.outline.pressed .button_content__LEAN .value_content__LEAN, .button_LEAN.transparent:active .button_content__LEAN .value_content__LEAN, .button_LEAN.transparent.pressed .button_content__LEAN .value_content__LEAN {
  padding: 0px !important;
  border: none !important;
  border-radius: 0px !important;
}

.button_LEAN.fill.principal .button_content__LEAN .value_content__LEAN, .button_LEAN.fill.third .button_content__LEAN .value_content__LEAN, .button_LEAN.fill.support .button_content__LEAN .value_content__LEAN, .button_LEAN.fill.light .button_content__LEAN .value_content__LEAN {
  border-color: var(--dark);
}

.button_LEAN.fill.dark .button_content__LEAN .value_content__LEAN {
  border-color: var(--light);
}

.button_LEAN.fill.second .button_content__LEAN .value_content__LEAN, .button_LEAN.fill.pure_white .button_content__LEAN .value_content__LEAN {
  border-color: var(--texts);
}

.button_LEAN.fill.pure_black .button_content__LEAN .value_content__LEAN {
  border-color: var(--pure_white);
}

.button_LEAN.only_icon .button_content__LEAN .value_content__LEAN {
  width: calc(100% - 0px);
  height: calc(100% - 0px);
}

.button_LEAN.only_texts .button_content__LEAN .value_content__LEAN {
  width: auto;
  height: auto;
}

.button_LEAN .button_content__LEAN .value_content__LEAN .value__LEAN {
  display: -webkit-box;
  width: auto;
  max-width: calc(100% - 0px);
  height: auto;
  font-size: 1rem;
  text-transform: capitalize;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  order: 0;
  flex-grow: 0;
  overflow: hidden;
}

.button_LEAN.only_icon .button_content__LEAN .value_content__LEAN .value__LEAN {
  display: none;
  opacity: 0;
}

.button_LEAN.only_texts .button_content__LEAN .value_content__LEAN .value__LEAN {
  display: block;
  opacity: 1;
}

.button_LEAN.left .button_content__LEAN .value_content__LEAN .value__LEAN {
  order: 2;
}

.button_LEAN .button_content__LEAN .value_content__LEAN .icon__LEAN {
  width: 1rem;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 300;
  color: inherit;
  order: 1;
  flex-grow: 0;
}

.button_LEAN.only_icon .button_content__LEAN .value_content__LEAN .icon__LEAN {
  font-size: 1.5rem;
}

.button_LEAN.only_texts .button_content__LEAN .value_content__LEAN .icon__LEAN {
  display: none;
  font-size: 1rem;
}

.button_LEAN.left .button_content__LEAN .value_content__LEAN .icon__LEAN {
  order: 1;
}

.button_LEAN .shape__LEAN, .button_LEAN.transparent .shape__LEAN {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px var(--medium);
  gap: 0px;
  width: calc(100% - calc(var(--medium) * 2));
  height: calc(100% - 0px);
  align-self: stretch;
  flex-grow: 1;
  border-radius: 512px;
}

@media (min-width: 1136px) {
  .button_LEAN.fill:hover .shape__LEAN {
    padding: 0px var(--extra_small) !important;
    width: calc(100% - calc(var(--extra_small) * 2)) !important;
  }
}

@media (min-width: 1136px) {
  .button_LEAN.only_icon.outline:hover .shape__LEAN {
    padding: var(--extra_small);
    width: calc(100% - calc(var(--extra_small) * 2));
  }
}

.button_LEAN.only_icon .shape__LEAN {
  padding: var(--base);
  width: calc(100% - calc(var(--base) * 2));
  height: calc(100% - calc(var(--base) * 2));
}

.button_LEAN.only_icon.outline .shape__LEAN {
  padding: var(--small);
  width: calc(100% - calc(var(--small) * 2));
  height: calc(100% - calc(var(--small) * 2));
}

.button_LEAN.only_texts .shape__LEAN {
  padding: 0px var(--base);
  width: calc(100% - calc(var(--base) * 2));
  height: calc(100% - 0px);
}

.button_LEAN.outline .shape__LEAN {
  padding: var(--base);
  width: calc(100% - calc(var(--base) * 2));
  height: calc(100% - calc(var(--base) * 2));
}

.button_LEAN.transparent:active .shape__LEAN {
  background: var(--active);
  border-radius: 512px;
}

.button_LEAN.transparent.pressed .shape__LEAN {
  background: var(--pressed);
  border-radius: 512px;
}

@media (min-width: 1136px) {
  .button_LEAN.transparent:hover .shape__LEAN {
    background: var(--hover);
  }
}

.button_LEAN .shape__LEAN .fill__LEAN {
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  background: transparent;
  border-radius: 512px;
  align-self: stretch;
}

.button_LEAN.fill.principal .shape__LEAN .fill__LEAN, .button_LEAN.outline.principal .shape__LEAN .fill__LEAN {
  background: var(--principal);
}

.button_LEAN.fill.second .shape__LEAN .fill__LEAN, .button_LEAN.outline.second .shape__LEAN .fill__LEAN {
  background: var(--second);
}

.button_LEAN.fill.third .shape__LEAN .fill__LEAN, .button_LEAN.outline.third .shape__LEAN .fill__LEAN {
  background: var(--third);
}

.button_LEAN.fill.support .shape__LEAN .fill__LEAN, .button_LEAN.outline.support .shape__LEAN .fill__LEAN {
  background: var(--support);
}

.button_LEAN.fill.light .shape__LEAN .fill__LEAN, .button_LEAN.outline.light .shape__LEAN .fill__LEAN {
  background: var(--light);
}

.button_LEAN.fill.dark .shape__LEAN .fill__LEAN {
  background: var(--dark);
}

.button_LEAN.fill.pure_white .shape__LEAN .fill__LEAN, .button_LEAN.outline.pure_white .shape__LEAN .fill__LEAN {
  background: var(--pure_white);
}

.button_LEAN.fill.pure_black .shape__LEAN .fill__LEAN {
  background: var(--pure_black);
}

.button_LEAN.outline .shape__LEAN .fill__LEAN {
  width: auto;
  aspect-ratio: 1 / 1;
}

@media (min-width: 1136px) {
  .button_LEAN.outline:hover .shape__LEAN .fill__LEAN {
    aspect-ratio: auto !important;
    width: calc(50% - 0px);
  }
}

@media (min-width: 1136px) {
  .button_LEAN.only_icon.outline:hover .shape__LEAN .fill__LEAN {
    aspect-ratio: 1 / 1 !important;
    width: calc(100% - 0px) !important;
  }
}

.button_LEAN.outline:active .shape__LEAN .fill__LEAN, .button_LEAN.outline.pressed .shape__LEAN .fill__LEAN {
  aspect-ratio: auto !important;
}

.button_LEAN.transparent .shape__LEAN .fill__LEAN {
  display: none;
  opacity: 0;
}