.compartir-post {
    display: flex;
    gap: 10px;
    justify-content: end;
    align-items: center;
}

.compartir-post a {
    display: flex;  /* Cambiado de inline-block a flex */
    justify-content: center;  /* Centrar contenido horizontalmente */
    align-items: center;  /* Centrar contenido verticalmente */
    width: 44px;
    height: 44px;
    background-color: rgba(102, 120, 146, 0.10); 
    border-radius: 50%; 
    transition: background-color 0.3s;
}

.compartir-post a svg {
    width: 24px;  /* Ajusta el tamaño del SVG dentro del contenedor */
    height: 24px;  /* Ajusta el tamaño del SVG dentro del contenedor */
}

.compartir-post a:hover {
    background-color: #ADD754;
}

.compartir-post a:hover path {
    fill: #042354; 
}