.add-card {
    min-width: 160px;
    min-height: 120px;
    max-width: 200px;
    cursor: pointer;
    background-color: var(--bs-info-subtle);
    transition: transform .08s ease, box-shadow .08s ease, background-color .08s ease;
}

    .add-card:hover {
        background-color: var(--bs-light);
        transform: translateY(-1px);
    }

    .add-card:focus {
        outline: none;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    }

    .add-card[aria-disabled="true"] {
        cursor: not-allowed;
    }
