:host {
  display: inline;
}

a,
button {
  color: var(--color-text-brand-base);
  -webkit-text-decoration: none;
  text-decoration: none;
}

@media (hover: hover) {
  a:hover,
  button:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--color-background-brand-hover);
  }
}

a:active,
button:active {
  color: var(--color-background-brand-pressed);
}

button {
  display: inline;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}