<div style="display: flex; justify-content: space-between;">
    <h2 mat-dialog-title>{{data.titulo}}</h2>
    <mat-icon class="cursor-pointer" mat-dialog-close style="margin-top: 20px; margin-right: 20px;">close</mat-icon>
</div>
<mat-dialog-content class="mat-typography">
    <div [innerHTML]="data.contenido"></div>

</mat-dialog-content>
<div style="width: 100; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;">
    <button class="red" mat-dialog-close style="display: flex; align-items: center; justify-content: center;">Cerrar
        <mat-icon class="icon" matSuffix>cancel</mat-icon></button>
</div>