@charset "utf-8";

@media screen and (max-width: 768px) {
	:root {
		--Cta_Wrap: nowrap;
		--Cta_width: 100%;
		--Cta_Li_flex-basis: auto;
	}
}

@media screen and (min-width:769px) and ( max-width:1160px) {
	:root {
		--Cta_Wrap: wrap;
		--Cta_width: 100%;
		--Cta_Li_flex-basis: 300px;
	}
}

@media screen and (min-width:1161px) {
	:root {
		--Cta_Wrap: wrap;
		--Cta_width: 700px;
		--Cta_Li_flex-basis: 300px;
	}
}

#cta {
	margin: var(--Margin_S) 0 0;
	& > div {
		display: flex;
		flex-wrap: var(--Cta_Wrap);
		flex-direction: var(--Flex-direction_CRR);
		justify-content: center;
		gap: var(--Gap_L);
		margin: 0 auto;
		padding: 0 var(--Gap_L);
		width: var(--Cta_width);
		& > div {
			flex-basis: var(--Cta_Li_flex-basis);
			& a {
				display: flex;
				justify-content: center;
				align-items: center;
				scale: 1;
				transition: var(--Transition);
				-o-transition: var(--Transition);
				-moz-transition: var(--Transition);
				-webkit-transition: var(--Transition);
				& img {
					width: 100%;
				}
			}
			& a.border {
				border: 1px var(--Color_1D100) solid;
			}
			& a:hover {
				scale: 1.04;
				opacity: .7;
			}
		}
	}
}