:host {
  color: rgb(var(--dark-primary-text));
  display: block;

  a {
    color: rgba(var(--palette-primary-500), 1);
    font-weight: 500;

    &:hover {
      color: rgba(var(--palette-primary-300), 1);
    }
  }

  .call-to-action,
  .info-container {
    background-color: rgba(var(--palette-foreground-text), 0.02);
  }
}

:host-context(.theme-dark) {
  color: rgb(var(--light-primary-text));

  .call-to-action,
  .info-container {
    background-color: rgba(var(--palette-foreground-text-dark), 0.02);
  }
}
