.btn-preguntaopcion {
    background-image: linear-gradient(to right, #CB356B 0%, #BD3F32  51%, #CB356B  100%);
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    }

.btn-preguntaopcion:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    transition: 0.5s;
    text-decoration: none;
    }
         
         
.btn-preguntavf {
    background-image: linear-gradient(to right, #0575E6 0%, #021B79  51%, #0575E6  100%);
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    }

.btn-preguntavf:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    transition: 0.5s;
    text-decoration: none;
    }
     
         
.btn-preguntacorrelacionar {
    background-image: linear-gradient(to right, #FF8008 0%, #735711  51%, #FF8008  100%);
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    }

.btn-preguntacorrelacionar:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    transition: 0.5s;
    text-decoration: none;
    }
     
         
.btn-preguntaabierta {
    background-image: linear-gradient(to right, #304352 0%, #d7d2cc  51%, #304352  100%);
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    }

.btn-preguntaabierta:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    transition: 0.5s;
    text-decoration: none;
    }
     
         
.btn-crearexamen {
    background-image: linear-gradient(to right, #093028 0%, #237A57  51%, #093028  100%);
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    }

.btn-crearexamen:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    transition: 0.5s;
    text-decoration: none;
    }