.wp-block-dw-diaporama__container {
	position: relative;
	overflow: hidden;
}

.wp-block-dw-diaporama {
	padding: 0!important;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	position: relative;
	left: 0;
	transition: left var(--wp--custom--timing--slow) ease-in-out;
}

.wp-block-dw-diaporama .wp-block-cover {
	width: 100vw;
	flex-shrink: 0;
}

.wp-block-dw-diaporama__buttons-container {
	position: absolute;
	z-index: 5;
	top: 0;
	height: 100%;
	width: 100%;
	margin-top: 0;
	display: flex;
	justify-content: space-around;

}

.wp-block-dw-diaporama__buttons-padder {
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);
	height: 100%;
	width: 100%;
	max-width: var(--wp--style--global--content-size);
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.wp-block-dw-diaporama__button {
	opacity: .75;
	border: none;
	border-radius: var(--wp--custom--border--radius--button);
	background-color: var(--wp--preset--color--primary);
	padding: var(--wp--preset--spacing--10);
	aspect-ratio: 1;
	transition: opacity var(--wp--custom--timing--regular), transform var(--wp--custom--timing--regular) ease-in-out;
}

.wp-block-dw-diaporama__button:disabled { opacity: .25 }

.wp-block-dw-diaporama__button:not(:disabled):hover {
	transform: scale(1.1);
	opacity: 1;
	cursor: pointer;
}

.wp-block-dw-diaporama__button .wp-block-dw-icon {
	width: 1.25rem;
	height: 1.25rem;
}

.wp-block-dw-diaporama__button-label {
	height: 0;
	width: 0;
	overflow: hidden;
	display: block;
}