/* action__btn__SD */
.action__btn__SD {
    height: 24px;
    width: 24px;
    overflow: hidden;
    border-radius: 5px;
    transition-duration: 300ms
}
.action__btn__SD:hover {
    background-color: var(--bgSurface)
}
.action__btn__SD.disable__btn {
    pointer-events: none;
    opacity: 0.6
}
/* action__btn__SD__end */

/* action__btn__SD.active */
.action__btn__SD.active {
    background-color: var(--primaryColor2SD)
}
.action__btn__SD.active:hover {
    background-color: var(--primaryColor2SD100)
}
.action__btn__SD.active .i__Icon svg[fill],
.action__btn__SD.active .i__Icon svg *[fill] {
    fill: #fff
}
.action__btn__SD.active .i__Icon svg[stroke],
.action__btn__SD.active .i__Icon svg *[stroke] {
    stroke: #fff
}
/* action__btn__SD.active end */