button.H-ghn1e7 {
    position: relative;
    border: 1px solid;
    text-align: center;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
  }

  .primary.H-ghn1e7 {
    border-color: var(--blue-main);
    background: var(--blue-main);
    color: #fff;
    fill: #fff;
  }

  .primary.H-ghn1e7:hover {
    border-color: var(--blue-main-hover);
    background: var(--blue-main-hover);
    color: #fff;
  }

  .primary.H-ghn1e7:active {
    border-color: var(--blue-main-active);
    background: var(--blue-main-active);
    color: #fff;
  }

  .default.H-ghn1e7 {
    border-color: var(--blue-main);
    background: #fff;
    color: var(--blue-main);
    fill: var(--blue-main);
  }

  .default.H-ghn1e7:hover {
    border-color: var(--blue-main-hover);
    background: #fff;
    color: var(--blue-main-hover);
  }

  .default.H-ghn1e7:hover:before {
    position: absolute;
    inset: -1px;
    z-index: 1;
    background: var(--blue-main);
    border-radius: inherit;
    opacity: 0.08;
    transition: opacity 0.2s;
    content: "";
    pointer-events: none;
  }

  .default.H-ghn1e7:active {
    border-color: var(--blue-main-active);
    background: #fff;
    color: var(--blue-main-active);
  }

  .default.H-ghn1e7:active:before {
    position: absolute;
    inset: -1px;
    z-index: 1;
    background: var(--blue-main);
    border-radius: inherit;
    opacity: 0.16;
    transition: opacity 0.2s;
    content: "";
    pointer-events: none;
  }

  .text.H-ghn1e7 {
    border: none;
    background: transparent;
    color: var(--blue-main);
    fill: var(--blue-main);
  }

  .text.H-ghn1e7:hover {
    color: var(--blue-main-hover);
  }

  .text.H-ghn1e7:hover:before {
    position: absolute;
    inset: -1px;
    z-index: 1;
    background: var(--blue-main);
    border-radius: inherit;
    opacity: 0.04;
    transition: opacity 0.2s;
    content: "";
    pointer-events: none;
  }

  .text.H-ghn1e7:active {
    color: var(--blue-main-active);
  }

  .text.H-ghn1e7:active:before {
    position: absolute;
    inset: -1px;
    z-index: 1;
    background: var(--blue-main);
    border-radius: inherit;
    opacity: 0.08;
    transition: opacity 0.2s;
    content: "";
    pointer-events: none;
  }

  .danger-primary.H-ghn1e7 {
    border-color: var(--red-main);
    background: var(--red-main);
    color: #fff;
    fill: #fff;
  }

  .danger-primary.H-ghn1e7:hover {
    border-color: var(--red-main-hover);
    background: var(--red-main-hover);
    color: #fff;
  }

  .danger-primary.H-ghn1e7:active {
    border-color: var(--red-main-active);
    background: var(--red-main-active);
    color: #fff;
  }

  .danger-default.H-ghn1e7 {
    border-color: var(--red-main);
    background: #fff;
    color: var(--red-main);
    fill: var(--red-main);
  }

  .danger-default.H-ghn1e7:hover {
    border-color: var(--red-main-hover);
    background: #fff;
    color: var(--red-main-hover);
  }

  .danger-default.H-ghn1e7:hover:before {
    position: absolute;
    inset: -1px;
    z-index: 1;
    background: var(--red-main);
    border-radius: inherit;
    opacity: 0.08;
    transition: opacity 0.2s;
    content: "";
    pointer-events: none;
  }

  .danger-default.H-ghn1e7:active {
    border-color: var(--red-main-active);
    background: #fff;
    color: var(--red-main-active);
  }

  .danger-default.H-ghn1e7:active:before {
    position: absolute;
    inset: -1px;
    z-index: 1;
    background: var(--red-main);
    border-radius: inherit;
    opacity: 0.16;
    transition: opacity 0.2s;
    content: "";
    pointer-events: none;
  }

  .large.H-ghn1e7 {
    border-radius: 8px;
    padding: 0 24px;
    height: 48px;
    font-size: 16px;
  }

  .medium.H-ghn1e7 {
    border-radius: 8px;
    padding: 0 16px;
    height: 40px;
    font-size: 14px;
  }

  .small.H-ghn1e7 {
    border-radius: 4px;
    padding: 0 12px;
    height: 32px;
    font-size: 14px;
  }

  .large.H-ghn1e7 > .px-loading-wrap {
    width: 16px;
    height: 16px;
  }

  .medium.H-ghn1e7 > .px-loading-wrap,
  .small.H-ghn1e7 > .px-loading-wrap {
    width: 14px;
    height: 14px;
  }

  .loading.H-ghn1e7 {
    opacity: 0.2;
    pointer-events: none;
  }

  .disabled.H-ghn1e7 {
    opacity: 0.2;
    cursor: not-allowed;
  }

  .block.H-ghn1e7 {
    width: 100%;
  }

  .iconfont.H-ghn1e7 {
    font-family: 'phemex-icon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }