/* Brush link — text link with the hand-drawn underline.
   Notes: docs/component-brush-link-notes.md
   The squiggle itself is .brush--link in brush.css. */
.brush-link{
  display:inline-block;margin-top:1.5rem;
  font-family:var(--display);font-size:.95rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  color:#2A2A2A;
  position:relative;padding-bottom:3px;
}
.brush-link .brush-link-arrow{color:var(--gold-dark)}
.brush-link:hover{color:var(--charcoal)}

/* --inline: mid-sentence. */
.brush-link--inline{
  display:inline;margin-top:0;
  font-size:inherit;font-family:inherit;font-weight:inherit;
  letter-spacing:inherit;text-transform:none;
}