.icon_svg{ width: 32px; height: 32px;}

._ecoscore { background: #fff;  border-radius: 10px; position: absolute; opacity: 0;  top: 5px;  right: 0px;  z-index: 1; transition: all .25s ease;}

a._brand_logo:hover ._ecoscore { opacity: 1;  top: -22px; }
._ecoscore_rank{ font-size: 13px; font-weight: bold; color: #ffa400; margin-left: 0px; opacity: 0; position: absolute; transition: all .25s ease; transition-delay: .25s}
a._brand_logo:hover ._ecoscore_rank {margin-left: 37px; opacity: 1;}

a._brand_logo:hover .rating { opacity: 0; transition: 0.01s ease all;}
a._brand_logo,
a._brand_logo:hover{ cursor: pointer;}


.iconrank_0 ._ecoscore_rank{ color: #ccc;}
.iconrank_1 ._ecoscore_rank{ color: var(--rg-color-1);}
.iconrank_2 ._ecoscore_rank{ color: var(--rg-color-2);}
.iconrank_3 ._ecoscore_rank{ color: var(--rg-color-3);}
.iconrank_4 ._ecoscore_rank{ color: var(--rg-color-4);}
.iconrank_5 ._ecoscore_rank{ color: var(--rg-color-5);}

.iconrank_0 .icon_svg{ fill: #ccc;}
.iconrank_1 .icon_svg{ fill: var(--rg-color-1);}
.iconrank_2 .icon_svg{ fill: var(--rg-color-2);}
.iconrank_3 .icon_svg{ fill: var(--rg-color-3);}
.iconrank_4 .icon_svg{ fill: var(--rg-color-4);}
.iconrank_5 .icon_svg{ fill: var(--rg-color-5);}

.icon_svg._pdf{ width: 64px; height: 64px; fill:#ED1C24}


.modal-content .icon_svg{ width: 48px; height: 48px; fill: var(--eco-green); margin-bottom: 15px;}

@media (max-width: 576px) {
a._brand_logo:hover ._ecoscore { display: none; /*opacity: 1;  top: -25px;*/ }  
}