/* A dedicated child leaves both native Divi icon pseudo-elements available. */
:is(.et_pb_button, .dicm-cbtn).dicm-button-fill-ready {
	position: relative;
	isolation: isolate;
	overflow: hidden !important;
	transition-duration: var(--dicm-button-fill-duration, 400ms) !important;
}
:is(.et_pb_button, .dicm-cbtn).dicm-button-fill-ready > .dicm-button-fill-layer {
	position: absolute;
	inset: 0;
	z-index: -1;
	display: block;
	pointer-events: none;
	background: var(--dicm-button-fill-color, #000);
	transform: translate3d(0, 101%, 0);
	transition: transform var(--dicm-button-fill-duration, 400ms) cubic-bezier(.22, .61, .36, 1);
}
:is(.et_pb_button, .dicm-cbtn).dicm-button-fill-ready[data-dicm-fill-direction="down"] > .dicm-button-fill-layer { transform: translate3d(0, -101%, 0); }
:is(.et_pb_button, .dicm-cbtn).dicm-button-fill-ready[data-dicm-fill-direction="right"] > .dicm-button-fill-layer { transform: translate3d(-101%, 0, 0); }
:is(.et_pb_button, .dicm-cbtn).dicm-button-fill-ready[data-dicm-fill-direction="left"] > .dicm-button-fill-layer { transform: translate3d(101%, 0, 0); }
:is(.et_pb_button, .dicm-cbtn).dicm-button-fill-ready[data-dicm-fill-active] > .dicm-button-fill-layer { transform: translate3d(0, 0, 0); }
@media (prefers-reduced-motion: reduce) {
	:is(.et_pb_button, .dicm-cbtn).dicm-button-fill-ready,
	:is(.et_pb_button, .dicm-cbtn).dicm-button-fill-ready > .dicm-button-fill-layer { transition-duration: 0s !important; }
}
