.button-arrow { transition: transform 0.15s ease-in-out; }

.black-text{color: var(--cbs-foreground);}

.orange-text{color: var(--cbs-orange);}

.orange {background-color: var(--cbs-orange);}

.sm-orange-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	background-color: var(--cbs-orange);
	opacity: 1;
	border-radius: 9999px;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: .625rem;
	padding-bottom: .625rem;
	font-weight: 600;
}
.sm-orange-button:hover {
	background-color: var(--cbs-orange-light);
}

.lg-orange-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	background-color: var(--cbs-orange);
	opacity: 1;
	border-radius: 9999px;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: 600;
	color: white
}
.lg-orange-button:hover {
	background-color: var(--cbs-orange-light);
}
.lg-orange-button:hover .button-arrow {
	transform: translateX(0.25rem);
}

.orange-shadow {
	--shadow-color: var(--orange-shadow);
}

.white-text{color: #FFFFFF;}
.white-text-60{color: rgba(255 255 255 / 0.6);}

.blue-text{color: var(--cbs-blue);}

.sm-blue-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	background-color: var(--cbs-blue);
	opacity: 1;
	border-radius: 9999px;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: .625rem;
	padding-bottom: .625rem;
	font-weight: 600;
}
.sm-blue-button:hover {
	background-color: var(--cbs-blue-light);
}

.lg-blue-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	background-color: var(--cbs-blue);
	opacity: 1;
	border-radius: 9999px;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: 600;
}
.lg-blue-button:hover {
	background-color: var(--cbs-blue-light);
}

.lg-lt-blue-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	background-color: #EEEEED;
	border: 1px solid #C3CAD2;
	border-radius: 9999px;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: 600;
}
.lg-lt-blue-button:hover {
	background-color: #dddddc;
}

.lg-blue-outline-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.875rem 2rem;
	border-radius: 999px;
	border: 2px solid var(--cbs-blue);
	color: var(--cbs-blue);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.3s, color 0.3s;
}

.lg-blue-outline-button:hover {
	background-color: var(--cbs-blue);
	color: #fff;
}

.lg-blue-fill-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.875rem 2rem;
	border-radius: 999px;
	border: 2px solid var(--cbs-muted);
	color: var(--cbs-blue);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.3s, color 0.3s;
	color: #fff;
}

.lg-blue-fill-button:hover {
	background-color: var(--cbs-blue-light);
}