@use "../citrine/abstracts/functions" as *;
@use "../citrine/abstracts/mixins" as *;

.deanchor {
  display: inline;
  font-family: var(--font-family-mono);
  font-size: var(--font-size-small);
  color: var(--fg-muted-2);
  background-color: var(--bg-muted-1);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  transition:
    background-color var(--transition),
    color var(--transition);

  &:hover {
    background-color: var(--bg-muted-2);
    color: var(--fg-muted-1);
  }
}