@layer components {
    .modal-footer {
        border-top: 1px solid var(--dashboard-color-border);
        display: flex;
        justify-content: flex-end;
        padding-bottom: var(--modal-footer-padding-y);
        padding-top: var(--modal-footer-padding-y);
    }

    .modal-footer--start {
        justify-content: flex-start;
    }

    .modal-footer--gap {
        gap: 0.75rem;
    }
}