a.ghost {
    color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    display: inline-block;
    width: 200px;
    padding: 8px;
    margin: 10px;
    text-align: center;
    text-decoration: none; 
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
    
}

a.ghost:hover, a.ghost:focus {
    
    background-color:#388127;
    color: #f5f5f5;
    -webkit-transition: color 0.3s ease-in, background-color 0.3s ease-in;
    transition: color 0.3s ease-in, background-color 0.3s ease-in;
}