.c-box {
    @apply border border-border bg-bg-2 rounded-2xl;
}

.c-box--nospacing {
    @apply p-0;
}

.c-box--noborder {
    @apply border-0;
}

.c-box__header {
    @apply flex flex-col items-start justify-between gap-3 border-b border-border px-4 py-4 sm:flex-row sm:items-center sm:px-6 sm:py-5 rounded-t-2xl;
}

.c-box__title {
    @apply font-medium text-2xl font-title;
}

.c-box__actions {
    @apply flex w-full flex-wrap items-center gap-2 sm:w-auto;
}

.c-box__body {
  @apply p-4 sm:p-6;
}