.style-content{
    background-color:#f7f7ff; 
    padding:10px 10px 10px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius:15px;
  
}
.style-btn{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding:10px;
    background-color: #FFFFFF;
    color:black;
    text-decoration: none;
    font-size: large;
}
.style-btn:focus{
    color:red;
    text-decoration: underline;
}
.sh-btn{
    margin: auto;
    margin-top: 5px;
    margin-bottom: 50px;
    color:red;
    font-size: 16px;
    background-color: #FFFFFF;
    border:1px solid rgb(255, 71, 71);
    border-radius: 14px;
    padding:10px 15px 10px 15px;
    width:fit-content;
   
}
.sh-btn:hover{
    background-color: rgb(249, 208, 208);
    cursor: pointer; 
}
.heading2{
    width:500px;
    margin: auto;
    font-size:34px; 
    font-weight:700; 
    text-align:center;   
}
.c1 {
    display: block;
}
.c2 {
    display: none;
}
.card-container > .c1:hover {
    display: none;
}
.card-container > .c1:hover + .c2 {
    display: block;
}