.cta {
	@apply block;
	&--round {
		@apply w-20 h-20;
		border-radius: 50%;
	}
	&--construction {
		@apply bg-construction;
	}
	&--button-icon {
		@apply relative border-none cursor-pointer;

		transition: all 0.4s ease-in-out;
		&:after {
			@apply absolute w-10 h-10 z-20 left-1/2 top-1/2;
			content: "";
			transform: translate(-50%, -50%);
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
		}
		&:hover {
			scale: 1.2;
		}
	}
	&--play {
		&:after {
			background-image: url("../../img/icons/icon-play.svg");
		}
	}
	&--next {
		&:after {
			background-image: url("../../img/icons/arrow-next.svg");
		}
	}
}
.motion-button {
	@apply bg-transparent w-fit h-fit border-none;
}
