.ct-dynamic-data {

	a {
		--theme-link-initial-color: initial;
	}
}

// dynamic media
.ct-dynamic-media {
	display: flex;
	flex-direction: column;

	.ct-dynamic-media-inner {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		will-change: transform;

		@media (hover: hover) {
			&[data-hover] img {
				transition: transform 0.5s ease;
			}

			&[data-hover="zoom-in"] {

				&:hover img {
					transform: scale(1.1);
				}
			}

			&[data-hover="zoom-out"] {

				img {
					transform: scale(1.1);
				}

				&:hover img {
					transform: scale(1.0);
				}
			}
		}
	}
}


// dynamic data layer
.ct-dynamic-data-layer {
	color: var(--theme-text-color);
	--theme-link-initial-color: var(--theme-text-color);
	
	> span {
		margin-inline-end: 5px;
	}
}