.button_root {
  border: none;
  outline: none;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 200ms;
  width: fit-content;
  height: fit-content;
  position: relative;

  &:hover {
    transition: 200ms;
    opacity: 0.8;
  }

  &:focus {
    opacity: 0.64;
  }

  &Disabled {
    opacity: 0.4 !important;
    cursor: default;
  }

  &Fullwidth {
    width: 100%;
  }
}

.button_iconType {
  background: none;

  &:hover {
    background: none;
  }

  &:focus {
    background: none;
  }
}

.button_size {
  &__large {
    padding: 16px 24px;
    font-size: var(--pLarge);
    font-weight: var(--pMediumWeight);
    line-height: var(--pLargeLineHeight);
    border-radius: 8px;
  }

  &__medium {
    padding: 10px 16px;
    font-size: var(--pSmall);
    font-weight: var(--pMediumWeight);
    line-height: var(--pSmallLineHeight);
    border-radius: 4px;
  }

  &__small {
    padding: 8px 12px;
    font-size: var(--caption);
    line-height: var(--captionLineHeight);
    font-weight: var(--pMediumWeight);
    border-radius: 4px;
  }
}

.button_theme {
  &__primary {
    background: var(--fill0);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
    color: var(--text4);
  }

  &__secondary {
    background: var(--fill4);
    color: var(--text0);

    p {
      color: var(--text0);
    }
  }

  &__textPrimary {
    background: none;
    border: none;
    outline: none;
    color: var(--secondary);
    padding: 0;
    font-size: var(--pSmall);
    font-weight: var(--pRegularWeight);
    line-height: var(--pSmallLineHeight);

    &:disabled {
      opacity: 40px;
    }
  }

  &__textSecondary {
    background: none;
    border: none;
    outline: none;
    color: var(--text2);
    padding: 0;
    font-size: var(--pSmall);
    font-weight: var(--pRegularWeight);
    line-height: var(--pSmallLineHeight);

    &:disabled {
      opacity: 40px;
    }
  }
}

.contentWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}