.reviews div.stars {
    width: 270px;
    display: inline-block;
}

.reviews input.star {
    display: none;
}

.reviews label.star {
    float: right;
    padding: 10px;
    font-size: 36px;
    color: #444;
    transition: all .2s;
}

.reviews input.star:checked ~ label.star:before {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
}

.reviews input.star-5:checked ~ label.star:before {
    color: #FE7;
    text-shadow: 0 0 20px #952;
}

.reviews input.star-1:checked ~ label.star:before {
    color: #F62;
}

.reviews label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

.reviews label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}

.reviews .submit-review-btn {
    padding: 15px 20px;
    border-radius: 8px
}

.reviews .submit-review-btn {
    font-size: 17px;
    font-weight: 500;
    color: #fff
}

.reviews .submit-review-btn:hover {
    color: #000;
    cursor: pointer
}

.reviews .submit-review-btn span {
    font-size: 17px;
    font-weight: 500
}

.header-flex-row .modal-city .submit-city-btn {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    
    .modal-city .modal-footer .city-block {
        grid-template-rows: 50px 50px;
        grid-template-columns: 200px 200px;
        padding: 30px;
    }
    
    
    @media (max-width: 767px) {
        .modal-city .modal-footer .city-block {
            grid-template-columns: 1fr;
            grid-template-rows: 1fr;
            width: auto;
        }
    }
    
    @media (min-width: 576px) {
        .modal-basket .modal-footer {
            justify-content: center;
            padding: 0 0 30px;
            }
    }