.btn {
	color: var(--color-text);
	background: transparent;
	border: 1px solid white;
	padding: 6px 16px;
	text-align: center;
	outline: 0;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none;
	font-family: 'Calibri', sans-serif;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s;
}
.btn:hover {
	color: var(--color-text);
	background-color: rgba(128,128,128,.4); 
}
.btn.rojo:disabled,
.btn.rojo[disabled]{
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666;
}


.btn.high {
	padding: 10px 26px;
}

.btn.azul {
	border: 1px solid var(--color-azul);
}
.btn.azul:hover {
	color: var(--color-azul);
	background-color: rgba(4,8,240,.4);
}

.btn.rojo {
	border: 1px solid var(--color-rojo);
}
.btn.rojo:hover {
	color: var(--color-rojo);
	background-color: rgba(255,23,23,.4);
}

.btn.luz {
	animation: btn-animado 2s infinite 0s linear; 
}

@keyframes btn-animado{ 
	/*0%{ background: #dadada; color: black; border: 1px solid #bebebe; color: ; } 
	20%{ background: #b5b5b5; color: black; border: 1px solid #dadada; color: ;} 
	40%{ background: #c2c1c1; color: black; border: 1px solid #e5e5e5; color: ;} 
	60%{ background: #d3d3d3; color: black; border: 1px solid #ababab; color: ;} 
	80%{ background: #e9e9e9; color: black; border: 1px solid #cfcfcf; color: ;} 
	100%{ background: #d8d8d8; color: black; border: 1px solid #ababab; color: ;} */

	0%{  box-shadow: 0px 0px 50px 20px #494949 ; } 
	50%{  box-shadow: 0px 0px 50px 20px transparent ; } 
	100%{ box-shadow: 0px 0px 50px 10px #494949 ; } 
}