.mm-button-base {
  position: relative;
  height: 40px;
  padding: 0; // TODO: remove once https://github.com/MetaMask/metamask-extension/pull/17006 is merged
  cursor: pointer;
  vertical-align: middle;
  user-select: none;

  &:active,
  &:hover {
    color: var(--color-text-default);
  }

  &--block {
    display: block;
    width: 100%;
  }

  &__content {
    height: 100%;
  }

  &--size-sm {
    height: 32px;
  }

  &--size-md {
    height: 40px;
  }

  &--size-lg {
    height: 48px;
  }

  &--loading {
    cursor: not-allowed;
  }

  &--loading &__content {
    color: transparent;
  }

  &--disabled,
  &:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }

  &__icon-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: spinner 1.2s linear infinite;
  }
}



@keyframes spinner {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}