.item-action--horizontal {
    display: inline-flex;
}
.item-action.active svg * {
    fill: var(--fill_dark_lite_hover);
}
.item-action.active .svg {
    opacity: 1;
}

.item-action__inner {
    --item-action-width: 38px;
    --item-action-height: 35px;
    width: 38px;
    width: var(--item-action-width);
    height: 35px;
    height: var(--item-action-height);

	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}
.item-action__inner--md {
    --item-action-height: 42px;
}
.item-action__inner .svg {
    transition: opacity 0.1s ease;
    opacity: 0.35;

}
.item-action__inner:hover .svg {
    opacity: 1;
}
.item-action__inner--md {
    --item-action-width: 42px;
    --item-action-height: 42px;
}