.volume-question {
  color: #fff !important;
  font-weight: 700;
  margin-bottom: 12px !important;
}

.volume-options {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, 1fr);
}

.volume-button {
  background: #263955;
  border: 1px solid #435774;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font: 700 14px "DM Sans", sans-serif;
  padding: 14px 12px;
  transition: background .2s, border .2s;
}

.volume-button:hover,
.volume-button.is-selected {
  background: var(--blue);
  border-color: var(--blue);
}

.whatsapp-cta {
  margin-top: 16px;
}

@media (max-width: 420px) {
  .volume-options {
    grid-template-columns: 1fr;
  }
}