.ccl-v2-widget.slider-v2-3-across {

	.slider-cont {
		width: calc(100% - var(--space-20));
		max-width: 1160px;
	}

	.glide__arrows {
		right: -30px;
		left: -30px;
	}

	.glide__arrow {
		--arrow-bg-color: var(--green-8a);

		margin: 0;
		box-shadow: none;
	}

	.glide__slides {
		padding-bottom: 10px;
	}

	.slide-top {
		margin-bottom: 15px;
	}

	.img-cont {
		border-radius: 15px;

		&::before {
			display: none;
		}
	}

	.content-section {
		gap: var(--space-5);
	}

	.content-upper {
		gap: 5px;
	}

	.slide-title {
		font-size: 1.375rem;
		line-height: var(--leading-tight);
	}

	.details {
		font-weight: var(--font-weight-normal);
	}

	.slide-footer .read-more {
		padding: 0;
		color: var(--black-11);
		border-radius: 0;
		background: none;

		&::before {
			bottom: 0;
			left: 0;
			width: calc(100% + 6px);
		}

		&::after {
			bottom: -4px;
			right: -8px;
		}
	}

	@media (hover: hover) {
		.glide__arrow:hover {
			background-color: var(--green-3b);
		}
	}

	@container (min-width: 64em) {
		.slide-top {
			margin-bottom: var(--space-5);
		}

		.slide-title {
			font-size: 1.5625rem;
		}

		.slide-footer .read-more {
			&::before,
			&::after,
			.button-text::before,
			.button-text::after {
				transition: opacity var(--transition-appendix);
			}

			&::before {
				background-color: var(--green-68);
			}

			&::after {
				width: 7px;
				height: 10px;
				background-image: url('/includes/public/assets/shared/button-arrow-green.svg');
				opacity: 1;
			}

			.button-text {
				position: relative;
				display: block;

				&::before,
				&::after {
					position: absolute;
					display: block;
					content: '';
					opacity: 0;
					pointer-events: none;
				}

				&::before {
					inset: auto auto 0 0;
					width: calc(100% + 6px);
					height: 2px;
					background: var(--yellow-ec);
				}

				&::after {
					inset: auto -8px -4px auto;
					width: 7px;
					height: 10px;
					background: url('/includes/public/assets/shared/button-arrow-desk-yellow.svg') no-repeat center center / cover;
				}
			}
		}

		@media (hover: hover) {
			.slide-footer .read-more:hover {
				&::before,
				&::after {
					opacity: 0;
				}

				.button-text::before,
				.button-text::after {
					opacity: 1;
				}
			}
		}
	}

	@container (min-width: 90em) {
		.glide__arrows {
			right: -96px;
			left: -96px;
		}
	}
}