/* Public /prijzen controls only. Keep both selectors compact at desktop and mobile. */
.pricing-controls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  margin-block: 5px 12px;
}
.pricing-audience {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  flex: 0 1 auto;
}
.pricing-audience button {
  display: flex;
  flex: 0 0 auto;
  white-space: nowrap;
}
.pricing-period {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  flex: 0 0 auto;
}
.pricing-period button {
  white-space: nowrap;
}
@media (max-width: 600px) {
  .pricing-controls {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-top: 0;
  }
  .pricing-audience {
    width: fit-content;
    max-width: 100%;
  }
  .pricing-audience button {
    flex: 0 0 auto;
  }
}