.med-callout .mds-callout__desc > p {
    margin: unset;
    line-height: inherit;
}
.med-callout .mds-callout__picto{
    line-height: 1;
}
.med-etoiles {
    width: fit-content;
    font-size: 0;
}

.med-notation svg {
    margin: 0 0.1rem;
}

.med-notation button {
    background-color: transparent;
    margin: 0;
    padding: 0 1px;
}

.med-notation button:focus {
    outline: 0;
}

.med-etoiles:hover:not(.med-etoiles-disabled) button:not([aria-disabled="true"]) svg *,
.med-etoiles:not(.med-etoiles-disabled) [aria-disabled="true"] svg *,
.med-etoiles:not(.med-etoiles-disabled) button:focus svg path {
    fill: var(--bleu-macif-blason);
}

.med-etoiles button:hover:not(.med-etoile-choisie):not([aria-disabled="true"]) ~ button polygon,
.med-etoiles:not(:hover) polygon,
.med-etoiles .med-etoile-choisie ~ button[aria-disabled="true"] polygon,
.med-etoiles-disabled polygon {
    fill: var(--gris-clair-de-lune);
}

.med-etoiles button:hover:not(.med-etoile-choisie):not([aria-disabled="true"]) ~ button path,
.med-etoiles:not(:hover) path,
.med-etoiles .med-etoile-choisie ~ button[aria-disabled="true"]  path,
.med-etoiles-disabled path
{
    fill: var(--gris-600);
}

.med-notation [aria-disabled=true] {
    pointer-events: none;
}

.med-notation-message {
    color: var(--success);
    margin-top: 16px;
}

.med-border--0 {
    border: 0 !important;
}