.color{
    color: var(--second);
}
:host-context(.ico-host:hover,a:hover,b:hover){
    svg.color{
        color: var(--active);
    }
}

:host-context(.prime, a){
    svg.color{color: var(--prime)}
}
:host-context(.prime:hover, a:hover){
    svg.color{color: var(--prime-hov)}
}
:host-context(.prime.active, a.active, .prime:active, a:active){
    svg.color{color: var(--prime-act)}
}

:host-context(.second, button){
    svg.color{color: var(--second)}
}
:host-context(.second:hover, button:hover){
    svg.color{color: var(--second-hov)}
}
:host-context(.second.active, button.active, .second:active, button:active){
    svg.color{color: var(--second-act)}
}

:host{
    display: inline-flex;
}
