.act{
    background-color: rgba(0, 0, 0, 0.21);
    color: #fff;
}
.star5btn{
    display: flex;
    width: 90%;
    height: auto-fit;
    overflow-y: scroll;
    margin: 0% auto;
    background-color: white;
    box-sizing: border-box;
    gap: 20px;
   margin-bottom: 30px;
 
    
}
#men a{
  
    color: black;
    background-color: white;
    
    font-size: 1.1rem ;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bolder;
    
    text-decoration: none;  
}
#scroll{
    color: #fd7701;
    background-color: rgb(0, 0, 0);
    font-weight: bolder;
}
#active{
    box-shadow: 1px 1px 8px rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.461);  
}
.star5btn button{
    padding: 0px 20px;
    color: black;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.237);
    font-size: 1.1rem ;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bolder;
    border-radius: 24px;
    
}
.star5btn::-webkit-scrollbar{
display: none;
}
/* hover  */
.star5btn button:hover{
  box-shadow: 1px 1px 8px rgb(0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0.461);
}