.card {
    border: 0;
    border-radius: var(--radius-12);
    display: flex;
    flex-direction: column;

    .card-header {
        margin: var(--spacing-20) var(--spacing-24);
        border-bottom: 0;
        gap: var(--spacing-12);
        padding: 0;
        border: 0;
        border-radius: var(--radius-12);
        min-height: 0;
    }

    .card-form {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-24);
    }

    .card-body {
        display: flex;
        flex-direction: column;
        padding-right: var(--spacing-24);
        padding-left: var(--spacing-24);
        padding-bottom: var(--spacing-16);
        padding-top: 0;
        gap: var(--spacing-32);

        &.drawer-card-body {
            padding-top: 0;
        }

    }

    .card-footer {
        padding: var(--spacing-20) var(--spacing-24);
    }
}