.stats-card {
    border-radius: 8px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    background-color: #fff;
    border: 1px solid #e5e7eb;
}

.stats-card__count {
    margin-bottom: 0.35rem;
}

.stats-card__label {
    margin-bottom: 0.75rem;
}

.stats-card--link {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.08);
}

.stats-card--link:hover {
    color: inherit;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(10, 10, 10, 0.16);
    transform: translateY(-3px);
}

.stats-card--link:focus-visible {
    box-shadow: 0 0 0 3px rgba(5, 66, 252, 0.3), 0 10px 24px rgba(10, 10, 10, 0.16);
    transform: translateY(-3px);
    outline: none;
}

.stats-card--link:active {
    box-shadow: 0 4px 10px rgba(10, 10, 10, 0.2);
    transform: translateY(-1px) scale(0.995);
}

.stats-card--info {
    background-color: #fff;
}

.stats-card--info .stats-card__count {
    color: #3e8ed0 !important;
}

.stats-card--info .stats-card__label {
    color: #2f7dbf !important;
}

.stats-card--info .stats-card__icon-wrapper {
    color: #3e8ed0 !important;
}

.stats-card--warning {
    background-color: #fff;
}

.stats-card--warning .stats-card__count,
.stats-card--warning .stats-card__label {
    color: #947600 !important;
}

.stats-card--warning .stats-card__icon-wrapper {
    color: #ffdd57 !important;
}

.stats-card--success {
    background-color: #fff;
}

.stats-card--success .stats-card__count,
.stats-card--success .stats-card__label {
    color: #257953 !important;
}

.stats-card--success .stats-card__icon-wrapper {
    color: #48c78e !important;
}

.stats-card--primary {
    background-color: #fff;
}

.stats-card--primary .stats-card__count,
.stats-card--primary .stats-card__label {
    color: #2f55c6 !important;
}

.stats-card--primary .stats-card__icon-wrapper {
    color: #0542fc !important;
}