.service-soft {
background: #f4f7fb;
border-radius: 20px;
padding: 28px 22px;
text-align: center;

box-shadow: 
8px 8px 20px rgba(0,0,0,0.06),
-6px -6px 16px rgba(255,255,255,0.9);

transition: all .3s ease;
}

.service-soft:hover {
transform: translateY(-6px);
box-shadow: 
12px 12px 28px rgba(0,0,0,0.08),
-8px -8px 20px rgba(255,255,255,1);
}

.service-icon {
width: 48px;
height: 48px;
margin: 0 auto 16px;

border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;

background: #e8f7f0;
color: #22c55e;
}

.service-icon svg {
width: 22px;
height: 22px;
}

.service-soft h3 {
font-size: 0.95rem;
font-weight: 600;
margin-bottom: 6px;
}

.service-soft p {
font-size: 0.78rem;
color: var(--text-muted);
margin-bottom: 16px;
}

.service-btn {
display: inline-block;
font-size: 0.8rem;
padding: 8px 20px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.08);
color: #22c55e;
text-decoration: none;
transition: all .25s ease;
}

.service-btn:hover {
background: #22c55e;
color: #fff;
}