.pushkin-badge { display: inline-block; padding: 6px 12px; margin: 8px 0; border-radius: 8px; color: #102b46; background: #d8effa; font: 600 14px/1.4 Arial, sans-serif; }
.pushkin-filter { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; }
.pushkin-filter a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; border: 1px solid #102b46; border-radius: 12px; color: #fff; background: #102b46; font: 600 16px/1.4 Arial, sans-serif; text-decoration: none; }
.pushkin-filter a:hover { background: #214c70; }
.pushkin-filter a:focus-visible { outline: 3px solid #247dad; outline-offset: 4px; }

/* Homepage: the supplied Pushkin Card campaign colours and bold lettering. */
.events .pushkin-filter { justify-content: flex-end; align-items: center; gap: 10px; }
.events .pushkin-filter-label { color: #405b73; font-size: 14px; }
.events .pushkin-badge {
  padding: 9px 14px;
  border-radius: 6px;
  color: #30ff00;
  background: #202020;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: normal;
  text-transform: none;
}
.events .pushkin-filter a {
  min-height: 44px;
  padding: 9px 14px;
  border-color: #202020;
  border-radius: 8px;
  color: #30ff00;
  background: #202020;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: none;
}
.events .pushkin-filter a:hover { color: #f6007d; background: #202020; }
.events .pushkin-filter a:focus-visible { outline-color: #202020; }