/*********************************/
/* some-styles is for components */
/*********************************/

:root {
	--shadow-green-600:		0 0 0 0.25rem #00484069;
	--shadow-orange-600:	0 0 0 0.25rem #FFA22C69;
}



.shadow-green-600 {
	box-shadow: var(--shadow-green-600);
}

.shadow-orange-600 {
	box-shadow: var(--shadow-orange-600);
}



.btn.py-2 {
	padding-top: 12px!important;
	padding-bottom: 12px!important;
}


.btn:not([class*=btn-]):focus {
	box-shadow: var(--shadow-green-600);
}



.btn-green-600 {
	background: var(--green-600);
	color: #fff!important;
	border: 1px solid var(--green-600);
}

.btn-green-600:hover, .btn-green-600:focus {
	background: var(--green-800);
	border: 1px solid var(--green-800);
}

.btn-green-600:focus {
	border-color: var(--green-600);
	box-shadow: var(--shadow-green-600);
}



.btn-orange-600 {
	background: var(--orange-600);
	color: #fff!important;
	border: 1px solid var(--orange-600);
}

.btn-orange-600:hover, .btn-orange-600:focus {
	background: var(--orange-400);
	border: 1px solid var(--orange-400);
}

.btn-orange-600:focus {
	border-color: var(--orange-400);
	box-shadow: var(--shadow-orange-600);
}