Set appearance of breadcrumbs

I’m trying to implement rank math in my Divi theme through a child theme, but I don’t know how to change the appearance of the breadcrumbs.

I added the code that you offer, some labels to adjust the appearance with CSS, but beyond the background, I have not been able to do more adjustments.

This is the code I added in the Divi child theme, just before the closing tag of the header:

<div>
<?php if (function_exists(‘rank_math_the_breadcrumbs’)) {
rank_math_the_breadcrumbs( ‘<p id=“breadcrumbs” class=“et_pb_row”>’,'</p>’ );
}
?>
</div>

And in this way, I intend to adjust the appearance, but it is not taking me changes in the size, or in the color of the text.

And this is the ccs code that I am using as additional ccs in the Divi theme.

/*–BREADCRUMBS–*/
.migasdepan {
width: 100% !important;
position: relative;
z-index: 1;
background:#32bdef !important;
border-bottom: 1px solid #000;
}
.migasdepan .et_pb_row {
padding: 5px;
}
#breadcrumbs {
font-size: 5px;
line-height: 1.3em;
color: #000;
}

Please, I would like directions to know what is the best way to set the appearance of the breadcrumbs on my site.

Best regards,

Melvin Brea