/* All button can be found here */
/* Default button class that can be applied as a base */
.button-sm{
	padding: var(--spacing-md) var(--spacing-lg);
	border-radius: var(--border-radius-primary);
	text-align: center;
}
.button-lg{
	padding: var(--spacing-md) 60px;
	font-size: var(--h3-font-size);
	border-radius: var(--border-radius-primary);
	width: 120px;
	text-align: center;
}
.button-sm:hover, .button-lg:hover{
	background-color: transparent;
}
/* Button Pink */
.button-pink{
	color: var(--white);
	background-color: var(--pink);
	border: var(--border-pink);
}
.button-pink:hover{
	background-color: #D94C49;
}
/* Button Blue */
.button-blue{
	color: var(--white);
	background-color: var(--blue);
	border: var(--border-blue);
}
.button-blue:hover{
	background-color: #16457F;
}
/* Button Yellow */
.button-yellow{
	color: var(--almost-black);
	background-color: var(--yellow);
	border: var(--border-yellow);
}
.button-yellow:hover{
	background-color: #F2C346;
}
/* Button spacing */
.button-combo{
	padding-top: 50px;
}