.action {
    display: contents;
    cursor: pointer;
    height: inherit;
    svg { height: inherit; }

    .youtube__body { fill: var(--youtube-red); }
    .twitch__body { fill: var(--twitch-purple); }
    &:visited .youtube__body, &:visited .twitch__body { fill: grey; }

    &[data-live-validate-param=false] > .validation__icon { color: var(--green); }
    &[data-live-validate-param=true] > .validation__icon {
        transform: rotate(180deg);
        color: var(--red);
    }

    &[data-live-promote-param=true] > .promotion__icon { color: var(--favorite-yellow); }
    &[data-live-promote-param=false] > .promotion__icon { transform: rotate(180deg); }

    .edit__icon { color: var(--color-edit-button); }
    .delete__icon { color: var(--color-delete-button); }
    .favorite__icon { color: var(--favorite-yellow); }
}