.use-case-item {
Anzeige: Flex;
align-items: zentriert;
Abstand: 18px;
Hintergrund: #f7f7f7;
Innenabstand: 24px 28px;
border-radius: 16px;
max-width: 900px;
}

.use-case-icon {
Breite: 54px;
Höhe: 54px;
Hintergrund: #2f6bff;
border-radius: 14px;
Anzeige: Flex;
align-items: zentriert;
justify-content: zentriert;
Flex-Schrumpfung: 0;
}

.use-case-icon span {
Anzeige: Block;
Breite: 20px;
Höhe: 14px;
Position: relativ;
}

.use-case-icon span::before,
.use-case-icon span::after,
.use-case-icon span i {
Inhalt: "";
Position: absolut;
links: 0;
Höhe: 3px;
Hintergrund: #fff;
border-radius: 3px;
}

.use-case-icon span::before {
oben: 0;
Breite: 20px;
}

.use-case-icon span i {
oben: 5px;
Breite: 14px;
}

.use-case-icon span::after {
oben: 10px;
Breite: 20px;
}

.use-case-content h3 {
margin: 0 0 6px;
Schriftgröße: 18px;
Schriftstärke: 700;
Farbe: #111827;
}

.use-case-content p {
Rand: 0;
Schriftgröße: 15px;
Farbe: #6b7280;
Zeilenhöhe: 1,6;
}