/* ==========================================================================
   ELEMENTS / #LINKS
   ========================================================================== */

/**
 * Our basic `<a>` elements only need very minimal styling.
 * Anything more opinionated (e.g. buttons, calls-to-action, etc.) will need a
 * class defining in the Components layer.
 */
a {
  color: color(brand);
  text-decoration: none;
  cursor: pointer;

  @include hocus() {
    text-decoration: underline;
  }
}