.icon-card {
    height: 100%;
    padding: var(--space-lg);

    background: #ffffff;

    border: 1px solid #e8e8e8;
    border-radius: var(--radius-lg);

    text-align: center;

    transition:
        transform var(--transition-default),
        box-shadow var(--transition-default);
}

.icon-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 16px 40px rgba(0, 0, 0, 0.08);
}

.icon-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    margin-bottom: var(--space-md);

    border-radius: 50%;

    background: rgba(22, 165, 43, 0.1);
    color: var(--color-primary);

    font-size: 1.75rem;
    font-weight: 700;
}

.icon-card__title {
    margin-bottom: var(--space-sm);

    font-size: 1.25rem;
}

.icon-card__text {
    margin-bottom: 0;

    color: var(--color-text-light);
}