.scene-07 {
	display: grid;
	margin-inline: auto;
	max-width: var(--max-width);
}

.scene-07 .background-picture {
	grid-area: 1/1/2/2;
}
.scene-07 .background-image {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.scene-07 .content {
	grid-area: 1/1/2/2;
	padding-block: clamp(8px, 1%, 25.6px);
	padding-inline: 10%;
}

.scene-07 .list {
	display: grid;
	gap: clamp(8px, 1vw, 25.6px);
}

@media (min-width: 800px) {
	.scene-07 .list {
		width: min(calc(var(--font-size-45-14) * 20), 100%);
	}
}

.scene-07 .link {
	align-content: center;
	background-color: white;
	border: 0;
	cursor: pointer;
	display: grid;
	font-family: 'Cresta';
	font-size: var(--font-size-45-14);
	height: 4.6em;
	line-height: 1.3333;
	overflow: hidden;
	padding: 0 2.3em 0 1em;
	position: relative;
	text-align: left;
	text-decoration: none;
	transition: background-color .5s;
}

.scene-07 .link:hover,
.scene-07 .link:focus {
	background-color: var(--green);
}

.scene-07 .link::after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1132.2 908.06' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon transform='rotate(90 566.1 566.1)' fill='%23539828' points='0 453.93 81.57 535.5 396.35 220.71 396.35 1132.2 511.7 1132.2 511.7 220.71 826.49 535.5 908.06 453.93 454.13 0 454.03 0.1 453.93 0'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	height: clamp(17.5px, (100vw - 375px) * (33 - 17.5) / (2560 - 375) + 17.5px, 33px);
	position: absolute;
	right: .7em;
	top: 50%;
	transform: translateY(-50%);
	width: clamp(22px, (100vw - 375px) * (41.5 - 22) / (2560 - 375) + 22px, 41.5px);
}

.scene-07 .link:hover::after,
.scene-07 .link:focus::after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 2424.2 908.06' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m1970.3 0-81.57 81.57 314.79 314.78h-2203.5v115.35h2203.5l-314.79 314.79 81.57 81.57 453.93-453.93-0.1-0.1 0.1-0.1z'/%3E%3C/svg%3E%0A");
	width: calc(2.1 * clamp(22px, (100vw - 375px) * (41.5 - 22) / (2560 - 375) + 22px, 41.5px));
}

.scene-07 .link .headline {
	color: var(--green);
	display: block;
	font-weight: 500;
	transition: color .5s;
}

.scene-07 .link:hover .headline,
.scene-07 .link:focus .headline {
	color: white;
}

.scene-07 .link .text {
	color: black;
	display: block;
	font-size: var(--font-size-26-12);
	max-height: 2.8em;
	opacity: 1;
	transition: max-height .5s, opacity .5s;
}

.scene-07 .link:hover .text,
.scene-07 .link:focus .text {
	max-height: 0;
	opacity: 0;
}