.pokemon-rating-panel {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    height: 70vh;
}


.ratings {
    flex: 2;
    padding: 1.5rem;
    border-radius: 5% / 3.5%;
}

.select-width {
    width: 16rem;
}

.score-width {
    width: 6rem;
}


@media (max-width: 768px) {
    .pokemon-rating-panel {
        padding: 1rem;
    }

    .ratings {
        padding: 1rem;
    }

    .d-flex.justify-content-between.align-items-center {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.5rem;
    }

    .select-width
     {
        width: 4rem;
        text-align: center;
    }

        .score-width h4 {
            margin-top: 0.5rem !important;
        }
}