*{
    margin: 0;
    padding: 0;
}
.card { 
    border: 1px solid #bf1616; 
    cursor: pointer; 
    height: 230px; 
    width: 250px; 
    margin:auto; 
} 
 
.card-img-top { 
    height: 100%; 
    width: 100%; 
} 
 
.card-title, 
.card-text { 
    text-align: center; 
} 
 
.btn-outline-secondary { 
    background-color: #00a966; 
    border: none; 
    color: white; 
    text-align: center; 
    transition: all 0.5s; 
    cursor: pointer; 
    margin: 5px; 
} 
 
.btn-outline-secondary span { 
    cursor: pointer; 
    display: inline-block; 
    position: relative; 
    transition: 0.5s; 
} 
 
.btn-outline-secondary span:after { 
    content: '\00bb'; 
    position: absolute; 
    opacity: 0; 
    top: 0; 
    right: -20px; 
    transition: 0.5s; 
} 
 
.btn-outline-secondary:hover { 
    background-color: #1d803b; 
} 
 
.btn-outline-secondary:hover span { 
    padding-right: 25px; 
} 
 
.btn-outline-secondary:hover span:after { 
    opacity: 1; 
    right: 0; 
}