/*
 * A big rounded pale panel that fades to white, holding one section.
 *
 *   <section class="yb-panel">
 *     <div class="yb-container">…</div>
 *   </section>
 *
 * .yb-panel__actions centres a button under the panel's content.
 */
.yb-panel {
  margin: 0 var(--yb-edge) 18px;
  padding: 80px 0 90px;
  border-radius: var(--yb-radius-panel) var(--yb-radius-panel) 0 0;
  background: linear-gradient(var(--yb-color-surface), var(--yb-color-white));
}

.yb-panel__actions {
  display: flex;
  justify-content: center;
  margin: 60px 0 0;
}

@media (max-width: 1024px) {
  .yb-panel {
    margin-inline: 0;
    padding: 60px 0;
  }

  .yb-panel__actions {
    margin-top: 40px;
  }
}