.abonnements
{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:25px;

}

.abonnement
{
    position: relative;
    width:600px;
    height:90%;
 
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    padding:20px 20px 30px;
    border-radius:8px;
    transition: .3s;

   /* overflow: hidden;
    overflow-y: scroll;
    height:650px;*/


  
}

.product200
{
    position: relative;
    width:800px;
    height:90%;
 
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    padding:20px 20px 30px;

    transition: .3s;

   /* overflow: hidden;
    overflow-y: scroll;
    height:650px;*/

}


.product:hover
{
    transform:translateY(-15px);
    
}

.product a
{
    font-size: 0.959em;
    line-height: 10px;
    font-family: 'Times New Roman', Times, serif;
   
}

.subs-btn
{
  width:100%;
  box-shadow:0 5px 10px rgba(0,0,0,0.2);
  font-family: 'Times New Roman', Times, serif;
  background-color: black;
  color: white;
  height: 40px;
  border-radius: 4px;
}
.card-bod
{  
  display: flex;
  justify-content: center;

}

#email-error
{
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    color: red;
}

.btn
{
    box-sizing: border-box; 
}

.abonne
{
  height:650px;
}