.riv-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.25rem 0 0;
}

.riv-nav a {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  color: var(--bb-primary-color, #1a73e8);
  background: var(--bb-content-background-color, #fff);
  border: 1px solid var(--bb-content-border-color, #e7e9ec);
  border-radius: 100px;
  text-decoration: none;
}

.riv-nav a:hover,
.riv-nav a:focus,
.riv-nav a.is-primary {
  color: #fff;
  background: var(--bb-primary-color, #1a73e8);
  border-color: var(--bb-primary-color, #1a73e8);
  text-decoration: none;
}

.riv-nav a.is-primary:hover,
.riv-nav a.is-primary:focus {
  filter: brightness(0.92);
}