.button {
  display: inline-grid;
  grid-auto-flow: column;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  margin: 0;
  justify-content: center;
  overflow: hidden;
  border: none;
  cursor: pointer;
  transition: var(--transition);
  font-family: var(--font-button);
  font-style: normal;
  font-weight: 400;
  line-height: 129%;
}
.button_size_sm {
  font-size: var(--size-button-font-size-sm);
  height: var(--size-button-height-sm);
  gap: var(--size-button-space-md);
  border-radius: var(--radius-button-md);
}
.button_size_md {
  font-size: var(--size-button-font-size-md);
  height: var(--size-button-height-md);
  gap: var(--size-button-space-md);
  border-radius: var(--radius-button-md);
}
.button_size_lg {
  font-size: var(--size-button-font-size-lg);
  height: var(--size-button-height-lg);
  gap: var(--size-button-space-md);
  border-radius: var(--radius-button-md);
}
.button_padding_xs {
  padding: 0 var(--size-button-padding-xs);
}
.button_padding_s {
  padding: 0 var(--size-button-padding-s);
}
.button_padding_m {
  padding: 0 var(--size-button-padding-m);
}
.button_padding_l {
  padding: 0 var(--size-button-padding-l);
}
.button_padding_xl {
  padding: 0 var(--size-button-padding-xl);
}
.button_style_filled.button_filled_light {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #1E1E1E;
}
.button_style_filled.button_filled_light .icon svg path[fill],
.button_style_filled.button_filled_light .icon svg circle[fill],
.button_style_filled.button_filled_light .icon svg rect[fill] {
  fill: #1E1E1E;
}
.button_style_filled.button_filled_light .icon svg path[stroke],
.button_style_filled.button_filled_light .icon svg circle[stroke],
.button_style_filled.button_filled_light .icon svg rect[stroke] {
  stroke: #1E1E1E;
}
.button_style_filled.button_filled_light:hover {
  background-color: #F3F3F3;
  border: 2px solid #F3F3F3;
  color: #1E1E1E;
}
.button_style_filled.button_filled_light:focus {
  background-color: #F3F3F3;
  border: 2px solid #D2CDCD;
  color: #1E1E1E;
}
.button_style_filled.button_filled_primary {
  background-color: #101010;
  border: 2px solid #101010;
  color: #FFFFFF;
}
.button_style_filled.button_filled_primary .icon svg path[fill],
.button_style_filled.button_filled_primary .icon svg circle[fill],
.button_style_filled.button_filled_primary .icon svg rect[fill] {
  fill: #FFFFFF;
}
.button_style_filled.button_filled_primary .icon svg path[stroke],
.button_style_filled.button_filled_primary .icon svg circle[stroke],
.button_style_filled.button_filled_primary .icon svg rect[stroke] {
  stroke: #FFFFFF;
}
.button_style_filled.button_filled_primary:hover {
  background-color: #232323;
  border: 2px solid #3A3A3A;
  color: #FFFFFF;
}
.button_style_filled.button_filled_primary:focus {
  background-color: #4B4B4B;
  border: 2px solid #666666;
  color: #FFFFFF;
}
.button_style_filled.button_filled_primary-colorful {
  background-color: #101010;
  color: #FFFFFF;
  position: relative;
  z-index: 5;
}
.button_style_filled.button_filled_primary-colorful::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(86deg, #7BC7FF -0.11%, #9EE8EA 48.3%, #9B6FF3 96.7%);
  opacity: 0;
  visibility: hidden;
  transition: all var(--transition);
}
.button_style_filled.button_filled_primary-colorful:hover::after {
  opacity: 1;
  visibility: visible;
}
.button_style_filled.button_filled_neutral-primary {
  background-color: #F1F1F1;
  border: 2px solid #F1F1F1;
  color: #161616;
}
.button_style_filled.button_filled_neutral-primary .icon svg path[fill],
.button_style_filled.button_filled_neutral-primary .icon svg circle[fill],
.button_style_filled.button_filled_neutral-primary .icon svg rect[fill] {
  fill: #161616;
}
.button_style_filled.button_filled_neutral-primary .icon svg path[stroke],
.button_style_filled.button_filled_neutral-primary .icon svg circle[stroke],
.button_style_filled.button_filled_neutral-primary .icon svg rect[stroke] {
  stroke: #161616;
}
.button_style_filled.button_filled_neutral-primary:hover {
  background-color: #EDEDED;
  border: 2px solid #E4E4E4;
  color: #161616;
}
.button_style_filled.button_filled_neutral-primary:focus {
  background-color: #DDDCDC;
  border: 2px solid #D2D2D2;
  color: #3C3C3C;
}
.button_style_filled.button_filled_neutral-secondary {
  background-color: #F1F1F1;
  border: 2px solid #F1F1F1;
  color: #474747;
}
.button_style_filled.button_filled_neutral-secondary .icon svg path[fill],
.button_style_filled.button_filled_neutral-secondary .icon svg circle[fill],
.button_style_filled.button_filled_neutral-secondary .icon svg rect[fill] {
  fill: #474747;
}
.button_style_filled.button_filled_neutral-secondary .icon svg path[stroke],
.button_style_filled.button_filled_neutral-secondary .icon svg circle[stroke],
.button_style_filled.button_filled_neutral-secondary .icon svg rect[stroke] {
  stroke: #474747;
}
.button_style_filled.button_filled_neutral-secondary:hover {
  background-color: #F7F7F7;
  border: 2px solid #EAEAEA;
  color: #1E1E1E;
}
.button_style_filled.button_filled_neutral-secondary:focus {
  background-color: #EAEAEA;
  border: 2px solid #D8DEE2;
  color: #1E1E1E;
}
.button_modificator_icon {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  gap: 10px;
}
.button_modificator_circle {
  padding: 0;
  min-width: unset;
  aspect-ratio: 1/1;
  gap: 0;
  text-indent: -1000vw;
  border-radius: 50%;
}
.button_modificator_full {
  width: 100%;
}/*# sourceMappingURL=button.css.map */