/*
 * The "What's new" link and its dot (shared/_whats_new), the last link of
 * the masthead's section row. The dot is a small accent disc after the words, shown by the
 * `whats-new` controller removing its `hidden`.
 */
@layer components {
  .whats-new {
    display: inline-flex;
    align-items: center;
  }

  .whats-new__dot {
    display: inline-block;
    inline-size: 0.375rem;
    block-size: 0.375rem;
    margin-inline-start: var(--space-3xs);
    border-radius: 50%;
    background-color: var(--color-accent);
    vertical-align: middle;
  }
}