.use-case-item {
Exibir: flexível;
alinhamento-itens: centro;
espaçamento: 18px;
fundo: #f7f7f7;
preenchimento: 24px 28px;
raio da borda: 16px;
largura máxima: 900px;
}

.use-case-icon {
largura: 54px;
altura: 54px;
fundo: #2f6bff;
raio da borda: 14px;
Exibir: flexível;
alinhamento-itens: centro;
justificar-conteúdo: centralizado;
flex-shrink: 0;
}

.use-case-icon span {
exibir: bloco;
largura: 20px;
altura: 14px;
posição: relativa;
}

.use-case-icon span::before,
.use-case-icon span::after,
.use-case-icon span i {
contente: "";
posição: absoluta;
esquerda: 0;
altura: 3px;
fundo: #fff;
raio da borda: 3px;
}

.use-case-icon span::before {
topo: 0;
largura: 20px;
}

.use-case-icon span i {
topo: 5px;
largura: 14px;
}

.use-case-icon span::after {
topo: 10px;
largura: 20px;
}

.use-case-content h3 {
margem: 0 0 6px;
tamanho da fonte: 18px;
peso da fonte: 700;
cor: #111827;
}

.use-case-content p {
margem: 0;
tamanho da fonte: 15px;
cor: #6b7280;
altura da linha: 1,6;
}