.icon-button.account-state-button {
  width: auto;
  min-width: 58px;
  height: 36px;
  padding: 0 12px;
  border-color: var(--brand);
  border-radius: 999px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}

.icon-button.account-state-button.is-logged-in {
  border-color: #128252;
  background: #128252;
  color: #fff;
  box-shadow: 0 3px 10px rgba(18, 130, 82, .2);
}

.icon-button.account-state-button:focus-visible {
  outline: 3px solid rgba(230, 43, 109, .22);
  outline-offset: 2px;
}