.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
    margin-left: calc(var(--col-gap)*.5);
    margin-right: calc(var(--col-gap)*.5);
}

.entry-content ul.slick-dots {
	padding: 0;
}

ul.slick-dots {
	padding: 0;
	margin-top: calc(var(--col-gap)*2);
	display: flex;
	justify-content: center;
	gap: var(--col-gap);
	list-style: none;
	font-size: 0;
}

ul.slick-dots li {
	margin: 0!important;
} 

ul.slick-dots li.slick-active button {
	background-color: var(--wp--preset--color--accent-3);
}

ul.slick-dots li button {
	width: 8px;
	height: 8px;
	padding: 0;
	overflow: hidden;
	border-radius: 100%;
	background-color: var(--wp--preset--color--contrast);
	border: none;
	outline: none;
	cursor: pointer;
	transition: all .3s;
}

.wp-block-group.has-body-background-color,
.wp-block-group.has-contrast-background-color {
	ul.slick-dots li:not(.slick-active) button {
		background-color: var(--wp--preset--color--base);
	}
}

.wp-block-slider.slick-dotted {
	.slick-prev,
	.slick-next {
		top: calc(50% - 60px);
	}
}

.slick-prev,
.slick-next {
	cursor: pointer;
	position: absolute;
	top: calc(50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
    padding: 0;
    padding-left: 4px;
	border-radius: 100%;
	border: 1px solid var(--wp--preset--color--accent-2);
	background-color: var(--wp--preset--color--accent-2);
	transition: all .3s;
	outline: none;
	font-size: 0;
	z-index: 9;
	&:hover {
		background-color: var(--wp--preset--color--accent);
		border-color: var(--wp--preset--color--accent);
		&::after {
			background-color: var(--wp--preset--color--contrast);
		}
	}

	&::after {
		content: '';
		width: 100%;
		height: 100%;
		background-color: var(--wp--preset--color--contrast);
		mask-size: 14px;
        mask-position: center;
        mask-repeat: no-repeat;
		-webkit-mask-image: url('../../../assets/icons/arrow-right.svg');
		mask-image: url('../../../assets/icons/arrow-right.svg');
	}

	&.slick-disabled {
		background-color: rgba(255,255,255,.5);
		border-color: transparent;
		&::after {
			background-color: var(--wp--preset--color--base);
		}
	}
}

.slick-prev {
	left: -16px;
	rotate: 180deg;
}

.slick-next {
	right: -16px;
}