.m-card {
    padding: 0.625rem 2rem;
    border-radius: 0.625rem;
    box-shadow: 0 1px 2px #00000026,0 2px 8px #0000000d;
}
.hoverable-card {
    padding: 0.625rem 2rem;
    border-radius: 0.625rem;
    box-shadow: 0 1px 2px #00000026,0 2px 8px #0000000d;
    background-color: white;
}
.hoverable-card-active,
.hoverable-card:hover {
    cursor: pointer;
    background-color: rgba(66,134,222,.1);
}
.hoverable-card-special {
    border-left: 5px solid #4285f4;
}
.dashboard-card{
    transition: all 0.5s ease-in-out;
}
.dashboard-card:hover {
    transform: translateY(-5px);
}
.clickable-card {
    cursor: pointer;
}
.clickable-card:hover {
    background-color: #f0f8ff;
    border-color: #007bff;
}
.tiles-card {
    border-top: 5px solid #4285f4;
    background-color: var(--background-color);
}
.tiles-card:hover {
    background-color: rgba(66,134,222,0.3);
}