.btn_white {
	width: auto;
}

.media-list {
	gap: 2%;
}

.media-item {
	flex: 0 0 23%;
}

.arrow_right::before {
	background: url(../images/bread_arrow_white.svg) no-repeat center / contain;
}

.arrow_right:hover::before {
	background: url(../images/bread_arrow.svg) no-repeat center / contain;
}

.media-body {
	margin-bottom: min(15vw, 70px);
}

@media screen and (max-width: 768px) {
	.outer {
		margin-bottom: 70px;
	}

	.media-list {
		gap: 3vw calc(100% - (48% * 2));
	}
	.media-item {
		flex: 0 0 48%;
	}
}


@media screen and (max-width: 420px) {
	.media-item {
		flex: 0 0 100%;
	}

	.media-list {
		gap: 5vw 0;
	}

}