.panel {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(217, 224, 234, 0.9);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}
.panel { padding: var(--space-xl); }
.button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 400;
  min-height: 40px;
  padding: 0.72rem 1.5rem;
  transition: 160ms linear;
  cursor: pointer;
}
.button--primary { background: var(--color-primary); color: #fff; }
.button--primary:hover, .button--terciary:hover { opacity: 0.7; }
.button--secondary { background: transparent; border-color: var(--color-primary); color: var(--color-text); }
.button--secondary:hover { background: var(--color-primary); color: #fff; }
.button--terciary { background: var(--color-secondary); color: var(--color-primary); }
.button--simple { min-height: auto; padding: 0; background: transparent; color: var(--color-primary); }
.button--simple:hover { opacity: 0.7; }
.button[disabled] { cursor: not-allowed; opacity: 0.35; }

.accordion__toggle[aria-expanded="false"] .icon-open,
.accordion__toggle[aria-expanded="true"] .icon-close {
  display: none;
}

.accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 240ms ease;
}