/*-- -------------------------- -->
<---          Content           -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
	#content-1450 {
		padding: var(--sectionPadding);
		padding-top: clamp(7rem, 12vw, 12.5rem);

	}

	#content-1450 .cs-container {
		width: 100%;
		max-width: 80rem;
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		/* 48px - 64px */
		gap: clamp(3rem, 6vw, 4rem);
	}

	#content-1450 .cs-content {
		/* set text align to left if content needs to be left aligned */
		text-align: center;
		width: 100%;
		display: flex;
		flex-direction: column;
		/* centers content horizontally, set to flex-start to left align */
		align-items: center;
	}

	#content-1450 .cs-title,
	#content-1450 .cs-text {
		max-width: 100%;
	}

	#content-1450 .cs-text {
		/* 16px - 20px */
		font-size: clamp(1rem, 2vw, 1.25rem);
		margin: 0 0 2rem 0;
	}

	#content-1450 .cs-button-solid {
		font-size: 1rem;
		/* 46px - 56px */
		line-height: clamp(2.875rem, 5.5vw, 3.5rem);
		text-decoration: none;
		font-weight: 700;
		text-align: center;
		margin: 0;
		color: #fff;
		min-width: 9.375rem;
		padding: 0 3rem;
		background-color: var(--primary);
		border-radius: 0.5rem;
		overflow: hidden;
		display: inline-block;
		position: relative;
		z-index: 1;
		/* prevents padding from adding to the width */
		box-sizing: border-box;
	}

	#content-1450 .cs-button-solid:before {
		content: '';
		position: absolute;
		height: 100%;
		width: 0%;
		background: #000;
		opacity: 1;
		top: 0;
		left: 0;
		z-index: -1;
		transition: width .3s;
	}

	#content-1450 .cs-button-solid:hover:before {
		width: 100%;
	}
}