Positionner un texte par rapport à un cercle

Décrivez ici votre problème ou ce que vous cherchez à faire.

.Iparent2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.div1B {
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    /* Ajout de cette propriété pour aligner horizontalement les éléments */
    justify-content: center;
}

.div2B {
    grid-area: 1 / 2 / 2 / 3;
}

.div3B {
    grid-area: 2 / 1 / 3 / 2;
}

.div4B {
    grid-area: 2 / 2 / 3 / 3;
}

.cercle4 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #37DAF3;
}

Ce que je veux

Bonjour je suis un étudiant un peu en galère en html/css et j'aimerais avoir un petit coup de pouce. Pour cela je dois réaliser un site web via une maquette figma. Dans ce code je dois positionner un texte par rapport à un cercle pour qu'il soit à coté et centrer verticalement.

Ce que j'obtiens

Le problème est que le cercle avance alors que je ne veux pas mais le texte est bien aligné. Merci en attente d'une réponse.