.last-reviews__header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 0 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EDEDF1;
}

.last-reviews__header h1 {
    margin: 0;
    padding: 0;
    line-height: initial;
    border-bottom: 0;
}

.last-reviews__show-form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 50px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    font-weight: 500;
    border-radius: 8px;
    color: #ffffff;
    background-color: #04911F;
}

.last-reviews__show-form:hover {
    opacity: 0.8;
}

.auth-comment {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
    padding: 16px;
    background-color: #F7F7F8;
    border-radius: 12px;
}

.auth-comment__image {
    display: block;
    width: 106px;
    height: 106px;
    margin: 0 auto;
    object-fit: cover;
}

.auth-comment__text {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #23232A;
}

.auth-comment__buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auth-comment__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    text-decoration: none;
    border-radius: 8px;
}

.auth-comment__button:hover {
    opacity: 0.8;
}

.auth-comment__button--login {
    color: #ffffff;
    background-color: #04911F;
}

.auth-comment__button--register {
    color: #000000;
    background-color: #FFD54A;
}

.comment-respond {
    display: none;
}

.last-reviews.open-form .comment-respond,
.comment + .comment-respond {
    display: block !important;
}

.comment-form {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    padding: 16px;
    background-color: #F7F7F8;
    border-radius: 12px;
}

.comment .comment-form {
    border: 1px solid #EDEDF1;
}

.comment-form__user {
    margin-bottom: 12px;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #2F8F41;
    border-bottom: 1px solid #EDEDF1;
}

.comment-form__user > a {
    color: #2F8F41;
}

.comment-form .rating-wrap {
    margin-bottom: 12px;
}

.comment-form .rating-wrap .star-rating {
    display: flex;
    gap: 4px;
    width: initial;
}

.comment-form .rating-wrap .star-rating .star {
    width: 32px;
    height: 32px;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.comment-form .rating-wrap [name="comment_rating"][value="1"] + label + .star-rating .star.rating-hover,
.comment-form .rating-wrap [name="comment_rating"][value="2"] + label + .star-rating .star.rating-hover {
    background-image: var(--rating-red-no-star);
}

.comment-form .rating-wrap [name="comment_rating"][value="3"] + label + .star-rating .star.rating-hover,
.comment-form .rating-wrap [name="comment_rating"][value="4"] + label + .star-rating .star.rating-hover {
    background-image: var(--rating-yellow-no-star);
}

.comment-form .rating-wrap [name="comment_rating"][value="5"] + label + .star-rating .star.rating-hover {
    background-image: var(--rating-green-no-star);
}

.comment-form .rating-wrap .star-rating .star:hover {
    opacity: 0.8;
}

.comment-form .rating-wrap label {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 24px;
    color: #595A70;
}

.comment-form-comment textarea {
    display: block;
    width: 100%;
    min-height: 164px !important;
    height: 164px !important;
    margin-bottom: 12px;
    padding: 16px !important;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-family: inherit;
    border-radius: 8px !important;
    border: 1px solid #D8D9DF;
    box-shadow: none !important;
}

.comment-form-comment textarea:focus {
    border-color: #04911F;
}

.comment-form .form-submit {
    display: flex;
    margin: 0;
}

.comment-form input[type="submit"] {
    width: max-content;
    height: 50px;
    margin: 0 auto;
    padding: 0 16px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 8px;
    background: #04911F;
}

.comment-form input[type="submit"]:hover {
    opacity: 0.8;
}

.comment-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.comment {
    padding: 16px;
    background-color: #F7F7F8;
    border-radius: 12px;
}

.comment.parent > .comment__inside {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #EDEDF1;
}

.comment .comment {
    padding: 12px;
    background-color: #ffffff;
}

.comment__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.comment-avatar {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    background: var(--icon-user) center no-repeat;
    background-size: contain;
    border-radius: 16px;
}

.comment-author {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 8px;
}

.comment-author__name {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #23232A;
}

.user-rang {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #55D26D;
    border-radius: 6px;
    vertical-align: middle;
    text-align: center;
}

.user-rang--igrok {
    background-color: #4A75CB;
}

.user-rang--professional {
    background-color: #F99746;
}

.user-rang--ekspert,
.user-rang--ofitsialnyj-predstavitel {
    background-color: #A355D2;
}

.user-rang--vip {
    background-color: #F00;
}

.comment-published {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    color: #6F7188;
}

.comment__rate {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.comment__rate .all-rate {
    order: 1;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

.comment__rate .rating {
    order: 2;
    margin-left: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

.comment__rate .star-rating {
    order: 3;
    width: 100px !important;
    height: 20px;
    margin-left: 6.5px;
}

.comment__rate .star.star-full,
.comment__rate .star.star-empty {
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.star-rating .star {
    background-size: contain;
}

.star-rating .star-empty {
    background-image: var(--rating-gray-no-star);
}

.star-rating.star-rating--r-green .star-full {
    background-image: var(--rating-green-no-star);
}

.star-rating.star-rating--r-yellow .star-full {
    background-image: var(--rating-yellow-no-star);
}

.star-rating.star-rating--r-red .star-full {
    background-image: var(--rating-red-no-star);
}

.comment-content {
    margin: 0 0 16px !important;
    font-size: 16px;
    line-height: 24px;
    color: #494A5B;
}

.comment-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comment-btn {
    display: flex;
    align-items: center;
    gap: 8px;
}

.comment-reply-link {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none;
    color: #04911F;
}

.comment-reply-link:hover {
    text-decoration: underline;
}

.comment-reply-link:before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDQ5MTFGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yIDExLjQ5NmMwLTIuOTMgMS4zNS00LjUyIDQuMDQtNC43NS4yNC0uMDMuNDktLjA0Ljc1LS4wNGg2LjRjMy4xOSAwIDQuNzkgMS42IDQuNzkgNC43OXY0YzAgLjI2LS4wMS41MS0uMDQuNzUtLjIzIDIuNy0xLjgyIDQuMDQtNC43NSA0LjA0aC0uNGMtLjI1IDAtLjQ5LjEyLS42NC4zMmwtMS4yIDEuNmMtLjUzLjcxLTEuMzkuNzEtMS45MiAwbC0xLjItMS42YS45MjQuOTI0IDAgMCAwLS42NC0uMzJoLS40Yy0zLjE5IDAtNC43OS0uNzktNC43OS00Ljc5Ii8+PHBhdGggc3Ryb2tlPSIjMDQ5MTFGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMS45OCA3LjQ5NmMwLTMuMTktMS42LTQuNzktNC43OS00Ljc5aC02LjRjLTIuOTMgMC00LjUyIDEuMzUtNC43NSA0LjA0LjI0LS4wMy40OS0uMDQuNzUtLjA0aDYuNGMzLjE5IDAgNC43OSAxLjYgNC43OSA0Ljc5djRjMCAuMjYtLjAxLjUxLS4wNC43NSAyLjY5LS4yMyA0LjA0LTEuODEgNC4wNC00Ljc1Ii8+PHBhdGggc3Ryb2tlPSIjMDQ5MTFGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzLjQ5NSAxMy45NTZoLjAxTTkuOTk1IDEzLjk1NmguMDFNNi40OTUgMTMuOTU2aC4wMSIvPjwvc3ZnPg==");
}

.comment-edit-link {
    font-size: 14px;
}

#cancel-comment-reply-link {
    display: block;
    margin-bottom: 12px;
}

.comment #cancel-comment-reply-link {
    margin: 12px 0;
}

.comment-vote .votes__btn {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding: 0 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    background-color: transparent;
    border: 1px solid #D8D9DF;
    border-radius: 8px;
    opacity: 1 !important;
}

.comment-vote .votes__btn:hover {
    opacity: 0.8 !important;
}

.comment-vote .votes__btn:before {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.comment-vote .votes__btn.voted--like,
.comment-vote .votes__btn.voted--dislike {
    cursor: initial;
}

.comment-vote .votes__btn--like {
    color: #00CB26;
}

.comment-vote .votes__btn--like:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDBDQjI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNS44MzMgMTguNzI2VjkuNTZtLTQuMTY2IDEuNjY2djUuODM0YzAgLjkyLjc0NiAxLjY2NiAxLjY2NiAxLjY2NmgxMS4xODlhMi41IDIuNSAwIDAgMCAyLjQ3LTIuMTJsLjg5OC01LjgzM2EyLjUgMi41IDAgMCAwLTIuNDctMi44OEgxMi41YS44MzMuODMzIDAgMCAxLS44MzMtLjgzM1Y0LjExNGMwLTEuMTM0LS45Mi0yLjA1NC0yLjA1NS0yLjA1NC0uMjcgMC0uNTE2LjE1OS0uNjI2LjQwNkw2LjA1MyA5LjA2NWEuODMzLjgzMyAwIDAgMS0uNzYxLjQ5NUgzLjMzM2MtLjkyIDAtMS42NjYuNzQ2LTEuNjY2IDEuNjY2WiIvPjwvc3ZnPg==");
}

.comment-vote .votes__btn--like.voted--like {
    border-color: #00CB26;
}

.comment-vote .votes__btn--dislike:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjRkY1NzU3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTQuMTY2IDIuMDZ2OS4xNjZtNC4xNjctMi42NjZWNC43MjZjMC0uOTMzIDAtMS40LS4xODEtMS43NTZhMS42NjcgMS42NjcgMCAwIDAtLjcyOS0uNzI5Yy0uMzU2LS4xODEtLjgyMy0uMTgxLTEuNzU2LS4xODFINi43NjRjLTEuMjE4IDAtMS44MjcgMC0yLjMxOS4yMjJhMi41IDIuNSAwIDAgMC0xLjA2Mi45MTFjLS4yOTUuNDUzLS4zODcgMS4wNTUtLjU3MyAyLjI1OGwtLjQzNSAyLjgzNGMtLjI0NSAxLjU4Ny0uMzY3IDIuMzgxLS4xMzEgMi45OTlhMi41IDIuNSAwIDAgMCAxLjEgMS4yODJjLjU3NC4zMjcgMS4zNzguMzI3IDIuOTg0LjMyN2guNjdjLjQ2OCAwIC43MDEgMCAuODguMDkuMTU2LjA4LjI4My4yMDguMzYzLjM2NS4wOTEuMTc4LjA5MS40MTEuMDkxLjg3OHYyLjQ0NWMwIDEuMTM1LjkyIDIuMDU1IDIuMDU1IDIuMDU1LjI3IDAgLjUxNi0uMTYuNjI2LS40MDZsMi44LTYuMzAyYy4xMjgtLjI4Ny4xOTItLjQzLjI5Mi0uNTM1YS44MzMuODMzIDAgMCAxIC4zMi0uMjA3Yy4xMzctLjA1LjI5My0uMDUuNjA3LS4wNWguNjMzYy45MzQgMCAxLjQgMCAxLjc1Ny0uMTgxLjMxNC0uMTYuNTY5LS40MTUuNzI5LS43MjkuMTgxLS4zNTYuMTgxLS44MjMuMTgxLTEuNzU2WiIvPjwvc3ZnPg==");
}

.comment-vote .votes__btn--dislike.voted--dislike {
    border-color: #FF5757;
}

.comments_casino_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.comments_casino_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 50px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
}

.comments_casino_button:hover {
    opacity: 0.8;
}

.comments_casino_button--all {
    color: #04911F;
    border: 1px solid #D8D9DF;
}

.comments_casino_button--respond{
    color: #ffffff;
    background-color: #04911F;
}

@media (min-width: 576px) {

    .auth-comment__buttons {
        flex-direction: row;
    }

    .comments_casino_buttons {
        flex-direction: row;
        justify-content: center;
    }
}

@media (min-width: 768px) {

    .last-reviews__header {
        flex-direction: row;
        justify-content: space-between;
    }

    .auth-comment {
        position: relative;
        padding: 24px;
        overflow: hidden;
    }

    .auth-comment__image {
        position: absolute;
        top: -20px;
        right: 10px;
        width: 209px;
        height: 209px;
    }

    .auth-comment__text {
        max-width: 500px;
        font-size: 18px;
        text-align: left;
    }

    .auth-comment__buttons {
        max-width: 392px;
    }

    .comment-form__user {
        text-align: left;
    }

    .comment-form .rating-wrap {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .comment-form .rating-wrap label {
        margin: 0;
    }

    .comment-form input[type=submit] {
        margin: 0;
    }

    .comment {
        padding: 24px;
    }

    .comment .comment {
        margin-left: 76px;
        padding: 12px;
    }

    .comment .comment-respond,
    .comment-list > .comment__rate,
    .comment-list > .comment-content,
    .comment-list > .comment-footer {
        margin-left: 76px !important;
    }

    .comment .comment-respond .comment-form {
        background-color: #ffffff;
    }

    .comments_casino_buttons {
        justify-content: flex-start;
    }

    .comments_casino_button--respond {
        order: -1;
    }
}

@media (min-width: 1280px) {

    .auth-comment__image {
        right: 30px;
    }
}