
.custom-btn {
/*alto y ancho*/
    width: 150px;
    height: 40px;

/*formato del texto*/
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;   
    encuadre-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5),
      7px 7px 20px 0px rgba(0,0,0,.1),
      4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;

    display: inline-block;
    justify-content: space-around;
    flex-direction: row;
    align-content: space-around;
   }
   
   .btn-1 {
    background: #496D4C;
    background: linear-gradient(0deg, #496D4C 0%, #314F34 100%);
    border: none;
   }
   
   .btn-1:hover {
    background: rgb(0,3,255);
    background: linear-gradient(0deg, #607E63 0%, #77977A 100%);
   }