/* Google "add as a preferred source" button, top-right of each page's hero.
   The button only renders after cookie consent (see js/preferred-source.js),
   so the wrapper is empty until then.
   Floated, so the eyebrow and headline wrap around it instead of running
   underneath. The homepage console is a grid (which would be squeezed beside
   a float), so there it sits on its own right-aligned row, as it does on
   small screens. */
.ps-hero {
  float: right;
  margin: 0 0 0.75rem 1.5rem;
  position: relative;
  z-index: 2;
}
.hero-console > .ps-hero {
  float: none;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 1rem;
}
@media (max-width: 46rem) {
  .ps-hero {
    float: none;
    display: flex;
    justify-content: flex-end;
    margin: 0 0 1rem;
  }
}