css: GRID, FLEXBOX

• hay un bug en tu proyecto, cuando apertar el submit sin escojer ningun numero la pagina se cambia, tenias que primero escojer la calificacion para asi el submit sea activado, para eso puedes cambiar los buttons por inputs type="radio" y poner estos en uno form
• cuando es marcado un numero en la calificacion solo el numero uno se cambia la color, mismo marcando otro numero

CSS:

• card:

.card{
    width: 400px;
    height: 415px;
    position: absolute;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    border-radius: 35px;
    background-color: #1F2630;
    color: #ffffff;
}

• button

.btn__calificacion{
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #262F38;
    font-size: 1rem;
    color: hsl(217, 12%, 63%);
}

• font:

@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@400;700&display=swap');

 font-family: 'Overpass', sans-serif