@use '_variables' as *;
@use '_mixins' as *;

a {
  width: 100%;

  @include disable-default-a-behaviour;

  &,
  &:hover {
    color: pvar(--fg);
    opacity: 1;

    &.focus-visible {
      background-color: pvar(--primary);
      color: pvar(--on-primary);
    }
  }
}

.result-type {
  background-color: pvar(--bg);
  color: pvar(--fg-400);
}

my-global-icon {
  color: pvar(--on-primary);

  @include global-icon-size(17px);
}
