@import url('root.css');

/*===========================================================================================
  BTN Principal
===========================================================================================*/
.btn-primario {
	width: fit-content;
	background-color: var(--primaria);
	border-radius: 50px;
	border-style: none;
	cursor: pointer;
	color: var(--clara) !important;
	margin: 0 auto;
	padding: 16px 32px !important;
	display: inline-block;
	transition: all .5s ease;
}

.btn-primario:hover {
	background-color: var(--primaria1);
	color: var(--clara) !important;
	box-shadow: 0px 0px 10px -2px var(--primaria1);
	transition: all .3s ease;
}

.btn-primario:active {
	background-color: var(--secundaria);
	border: none;
  	box-shadow: 0px 0px 40px -2px var(--secundaria);
  	color: var(--clara);
	transition: all .2s ease;
}

/*===========================================================================================
  BTN Secundário
===========================================================================================*/
.btn-secundario {
	width: fit-content;
	background-color: var(--secundaria);
	border-radius: 50px;
	cursor: pointer;
	color: #A63C48 !important;
	margin: 0 auto;
	padding: 16px 32px !important;
	display: inline-block;
	transition: all .5s ease;
}

.btn-secundario:hover {
	background-color: var(--secundaria0);
	color: var(--clara) !important;
	box-shadow: 0px 0px 10px -2px var(--secundaria0);
	transition: all .3s ease;
}

.btn-secundario:active {
	background-color: var(--secundaria);
	border: none;
  	box-shadow: 0px 0px 40px -2px var(--secundaria);
  	color: var(--clara);
	transition: all .2s ease;
}

/*===========================================================================================
  BTN Card 2
===========================================================================================*/
.btn-card-2 {
	width: fit-content;
	background-color: #A6E8F5;
	border-radius: 50px;
	cursor: pointer;
	color: #3C94A6 !important;
	margin: 0 auto;
	padding: 16px 32px !important;
	display: inline-block;
	transition: all .5s ease;
}

.btn-card-2:hover {
	background-color: #3C94A6;
	color: var(--clara) !important;
	box-shadow: 0px 0px 10px -2px #3C94A6;
	transition: all .3s ease;
}

.btn-card-2:active {
	background-color: var(--secundaria);
	border: none;
  	box-shadow: 0px 0px 40px -2px var(--secundaria);
  	color: var(--clara);
	transition: all .2s ease;
}

/*===========================================================================================
  BTN Card 3
===========================================================================================*/
.btn-card-3 {
	width: fit-content;
	background-color: #4CAAD9;
	border-radius: 50px;
	cursor: pointer;
	color: var(--clara) !important;
	margin: 0 auto;
	padding: 16px 32px !important;
	display: inline-block;
	transition: all .5s ease;
}

.btn-card-3:hover {
	background-color: #1DA4E7;
	color: var(--clara) !important;
	box-shadow: 0px 0px 10px -2px #1DA4E7;
	transition: all .3s ease;
}

.btn-card-3:active {
	background-color: var(--secundaria);
	border: none;
  	box-shadow: 0px 0px 40px -2px var(--secundaria);
  	color: var(--clara);
	transition: all .2s ease;
}