.em-slider {
 overflow: hidden;
}
.em-slider > .wp-block-group {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 left: 0;
 width: 100%;
 max-height: 100vh;
 gap: 0;
 overflow: visible;
 transition: left 600ms;
}
.em-slider > .wp-block-group > .wp-block-group {
 display: flex;
 flex-direction: column;
 flex: 0 0 100% !important;
 width: 100%;
}
.em-slider > .em-slider-prev, .em-slider > .em-slider-next {
 --r:.5rem;
 position: absolute;
 display: flex;
 justify-content: center;
 align-items: center;
 left: 50%;
 bottom: 0;
 width: 3.5rem;
 height: 3.5rem;
 margin: 0;
 perspective: 500px;
 perspective-origin: center;
 transform: scale(1) translate(0%, 0%);
 cursor: pointer;
 z-index: 1;
}
.em-slider > .em-slider-prev > div, .em-slider > .em-slider-next > div {
 width: 10px;
 height: 10px;
 border-top: 1px solid #000;
 border-right: 1px solid #000;
 transform: translateX(-20%) rotate(45deg);
 transition: all 150ms;
}
.em-slider > .em-slider-prev:before, .em-slider > .em-slider-next:before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 border-radius: 0 var(--r, 0) 0 0;
 background: #fff;
 transform: scale(1);
 filter: drop-shadow(3px -10px 5px rgba(0, 0, 0, 0.1));
 transition: all 150ms;
}
.em-slider > .em-slider-prev:hover:before, .em-slider > .em-slider-next:hover:before {
 transform: scale(1);
 filter: drop-shadow(0 0 20px 10px #000);
}
.em-slider > .em-slider-prev:hover:active:before, .em-slider > .em-slider-next:hover:active:before {
 transform: scale(1) rotateX(25deg);
}
.em-slider > .em-slider-prev:hover:active > div, .em-slider > .em-slider-next:hover:active > div {
 border-top: 1px solid #f00;
 border-right: 1px solid #f00;
 transform: translateX(100%) rotate(45deg);
}
.em-slider > .em-slider-prev {
 transform: scale(1) translate(calc(-100% - 1px), 0%);
}
.em-slider > .em-slider-prev:before {
 filter: drop-shadow(-3px -10px 5px rgba(0, 0, 0, 0.1));
 border-radius: var(--r, 0) 0 0 0;
}
.em-slider > .em-slider-prev > div {
 transform: translateX(20%) rotate(-135deg);
}
.em-slider > .em-slider-prev:hover:before {
 transform: scale(1);
}
.em-slider > .em-slider-prev:hover:active > div {
 transform: translateX(-100%) rotate(-135deg);
}