.btn-init{
	background-color: initial;
	color: black;
	margin-right: 0px;
}

.btn-init:hover, .btn-init:focus{
	box-shadow: none;	
	color: red;
	cursor: pointer;
}

/*btn açoes mobile */
button{
	color: rgb(255, 255, 255);
	outline: none;
	font-size: large;
	border: none;
	margin-right: 12px;
	border-radius: 2px;
	padding: 3px;
}

button a{
	color: rgb(56, 56, 56);
}

@media (max-width: 600px) {
	bottom {
		margin-left: 6px;
	}
}

button:hover {
	opacity: 0.95;
	border-radius: 3px;
	cursor: pointer;
	/*font-size: calc(1.2rem);*/
}

.btn-add {
	background-color: #28a745;
}

.btn-delete{
	background-color: rgb(206, 30, 30);
}

.btn-info{
	color: rgb(56, 56, 56);	
	background-color: rgb(255, 255, 255);
	box-shadow: 0 0 5px rgb(109, 109, 109);
}

.btn-editar {	
	background-color: #007bff;
}

.btn-roxo{
	background-color: darkslateblue;
}

.btn-shadow {
	box-shadow: 0 0 5px rgb(109, 109, 109);
}

.btn-submit {
	margin-top: 1.5rem;
	background-color: #28a745;
	float: right;
}


button:focus, button:hover, details:focus, details:hover {	
	box-shadow: 0px 0px 5px red;	
	cursor: pointer;	
}

.focus{
	box-shadow: 0px 0px 5px red;		
}

.btn-pisca{
	animation: piscar 2s infinite;
}

/* Definir a animação */
  @keyframes piscar {
	0% {
		box-shadow: 0px 0px 20px red;		  
	}	
	100% {	 
	  box-shadow: 0px 0px 0px red;
	}
  }

.btn-submit span {
	margin-left: 10px;
}

.div-link{
	display: flex;
	justify-content: center;
	align-items: center;
	color: black;
	
	box-shadow: 0 0 5px rgb(109, 109, 109);
	background-color: white;
	border: none;	     	     
	outline: none;                                    
	margin-right: 12px;
	padding: 3px;
}

.div-link a {          
	border-radius: 2px;	
	outline: none;	
	color: rgb(56, 56, 56);	
}

.div-link a:focus, .div-link a:hover{	
   box-shadow: 0px 0px 8px red;   
}