.pack-picker {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  margin: 0 0 18px;
}
.pack-picker > span { color: #fff; font-weight: 800; margin-right: 8px; }
.pack-picker button {
  min-width: 58px;
  border: 1px solid #7290bc;
  background: #113f80;
  color: #fff;
  border-radius: 10px;
  padding: 10px 14px;
  font: inherit;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}
.pack-picker button:hover, .pack-picker button:focus-visible { border-color: #fff; }
.pack-picker button.active { background: #f5b400; border-color: #f5b400; color: #082f73; }
@media (max-width: 480px) {
  .pack-picker > span { flex-basis: 100%; }
  .pack-picker button { flex: 1; }
}