.ratings{
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: em(10) em(22);
    margin-top: em(20);
    &__item{
        position: relative;
        width: 100%;
        max-width: em(533);
        background: transparent;
        border: em(1) solid $main-light-100;
        border-radius: em(8);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: em(18) em(12);
    }
}

@media(max-width:1024px) and (orientation:portrait){
    .ratings{
        grid-template-columns: 1fr; 
        &__item{
            max-width: 100%;
        }
    }
}