@charset "utf-8";
/* CSS Document */

/*------------------------*/
/* S+C Buttons: 		  */
/*------------------------*/

.btn
{ 	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 1.2rem;
	transition: all .2s ease-in-out;
}
.btn:hover
{  
	font-weight: 600;
	transform: scale(1.04);
    text-decoration: none!important;
}

.btn-sm { 
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 20px;
    
    padding-top: 0.5rem;
	padding-right: 1.0rem;
	padding-bottom: 0.5rem;
	padding-left: 1.0rem;
}

.btn-md {
	padding-y: 0.375rem;
	padding-x: 0.75rem;
	font-size: 1rem;
	border-radius: 25px;
    
    padding-top: 0.5rem;
	padding-right: 1.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1.5rem;
}

.btn-lg { 
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 30px;
    
    padding-top: 0.5rem;
	padding-right: 2.0rem;
	padding-bottom: 0.5rem;
	padding-left: 2.0rem;
}


/* Button Fill*/
.btn-fill
{   color: white;
	border-color: var(--sc-corp-blue);
  	background-color: var(--sc-corp-blue);
}
.btn-fill:hover
{   color: var(--sc-cms-blue);
	border-color: var(--sc-cms-blue);
  	background-color: white;
    text-decoration: none;
}

/* Button Outline*/
.btn-outline
{   color: var(--sc-cms-blue);
	border-color: var(--sc-cms-blue);
  	background-color: transparent;
}
.btn-outline:hover
{   color: white;
	border-color: white;
  	background-color: var(--sc-corp-blue);
    text-decoration: none;
}

.btn-fill.btn-white
{   color: white;
	border-color: var(--sc-cms-blue);
  	background-color: var(--sc-cms-blue);
}
.btn-fill.btn-white
{   color: var(--sc-cms-blue);
	border-color: var(--sc-cms-blue);
  	background-color: white;
}
.btn-fill:hover.btn-white
{   color: var(--sc-cms-blue);
	border-color: white;
  	background-color: white;
}