div.select-report-card {
    border-radius: 10px;
    transition: all .1s ease-in-out;
    box-shadow: #26394d 0 20px 30px -10px
}

div.select-report-card-unavailable {
    border-radius: 10px;
    opacity: .6;
    box-shadow: #26394d 0 20px 30px -10px
}

div.select-report-card:hover {
    transform: scale(1.1, 1.1);
    transform-origin: center
}

.report-card {
    flex: 1 1 300px;
    border: 2px solid green;
    max-width: 300px;
    min-width: 200px;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 40px;
    transition: all .2s ease-in-out;
    box-shadow: #26394d 0 20px 30px -10px
}

.report-card-unavailable {
    flex: 1 1 300px;
    border: 2px solid green;
    max-width: 300px;
    min-width: 200px;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 40px;
    box-shadow: #26394d 0 20px 30px -10px
}

.report-card:hover {
    transform: scale(1.1, 1.1);
    transform-origin: center;
    background-color: rgb(255 255 0 / .2)
}

.bulk-report-card {
    flex: 1 1 315px;
    border: 2px solid green;
    max-width: 315px;
    min-width: 200px;
    margin-bottom: 10px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 40px;
    transition: all .2s ease-in-out;
    box-shadow: #26394d 0 20px 30px -10px
}

.bulk-report-card-unavailable {
    flex: 1 1 315px;
    border: 2px solid green;
    max-width: 315px;
    min-width: 200px;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 40px;
    box-shadow: #26394d 0 20px 30px -10px
}

.bulk-report-card:hover {
    background-color: rgb(255 255 0 / .2)
}

.shadow {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19)
}