.text-button {
  display: inline-flex;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-stoat);
  color: inherit;
  text-decoration: none;
  height: 1.5rem;
}

button.text-button {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.text-button:hover {
  text-decoration: none;
  background: var(--speciality-state-layers-branded-highlight-hover);
}

.text-button:active {
  text-decoration: none;
  background: var(--speciality-state-layers-branded-highlight-pressed);
}

.text-button:focus-visible {
  border-radius: var(--shape-almond);
  outline-offset: var(--spacing-ant);
  outline: var(--border-focus-state-outer) solid var(--basic-state-layers-focus-outter);
}