.wkit-plugin-review-popup-container {
    position: fixed;
    bottom: 25px;
    right: 30px;
    z-index: 899;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-content {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 4px 0px #00000008;
    padding: 30px;
    animation: wkitshowPopup 0.5s linear;
}

.wkit-plugin-review-popup-container .wkit-remove-review-popup {
    animation: wkitRemovePopup 0.5s linear;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-content .wkit-plugin-review-close {
    position: absolute;
    display: flex;
    top: -15px;
    right: -15px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #fff;
    padding: 7px;
    border: 3px solid #efefef;
    border-radius: 50px;
}

.wkit-plugin-review-popup-container .wkit-plugin-review {
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
    align-items: center;
}

.wkit-plugin-review-popup-container .wkit-plugin-review.wkit-negative-review {
    align-items: flex-start;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-text {
    font-size: 20px;
    font-weight: 600;
    color: #19191B;
}

.wkit-plugin-review-popup-container .wkit-get-plugin-review {
    display: flex;
    gap: 20px;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 25px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #E6E6F3;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    transition: 0.3s linear;
    cursor: pointer;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-btn:hover {
    background-color: #F5F5FA;
}

.wkit-plugin-review-popup-container .wkit-emoji-container {
    display: flex;
    background-color: #F5F5FA;
    padding: 10px;
    border: 1px solid transparent;
    transition: 0.3s linear;
    border-radius: 6px;
    cursor: pointer;
}

.wkit-plugin-review-popup-container .wkit-emoji-container svg path {
    fill: #737373;
    transition: 0.3s linear;
}

.wkit-plugin-review-popup-container .wkit-emoji-container:hover {
    border: 1px solid #C22076;
}

.wkit-plugin-review-popup-container .wkit-emoji-container:hover svg path {
    fill: #C22076;
}

.wkit-plugin-review-popup-container .wkit-number-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    height: 60px;
    width: 60px;
    border: 1px solid #E6E6F3;
    border-radius: 6px;
    transition: 0.3s linear;
    cursor: pointer;
}

.wkit-plugin-review-popup-container .wkit-number-container:hover {
    background-color: #F5F5FA;
}

.wkit-plugin-review-popup-container .wkit-get-feedback {
    display: flex;
    flex-direction: column;
    width: 400px;
    gap: 15px;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-lable {
    font-size: 14px;
    color: #19191B;
    font-weight: 500;
    width: max-content;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-input {
    padding: 10px !important;
    border: 1px solid #E6E6F3 !important;
    border-radius: 6px !important;
    color: #19191B !important;
    font-size: 14px !important;
}

.wkit-plugin-review-popup-container .wkit-preview-popup-email {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.wkit-plugin-review-popup-container .wkit-preview-popup-email .wkit-plugin-review-email-inp {
    margin: 0;
    padding: 0;
}

.wkit-plugin-review-popup-container .wkit-preview-popup-email label {
    cursor: pointer;
}

.wkit-plugin-review-popup-container input[type='text'].wkit-plugin-review-input {
    line-height: 2px !important;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-input.wkit-pr-error {
    transition: 0.3s linear;
    border-color: red !important;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-input.wkit-pr-error::placeholder {
    color: red !important;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-input::placeholder {
    color: #b9c6de !important;
    font-weight: 100 !important;
    font-size: 14px !important;
}

.wkit-plugin-review-popup-container .wkit-plugin-review-input:focus {
    border: 1px solid #E6E6F3 !important;
    box-shadow: none !important;
    outline: none !important;
}

.wkit-plugin-review-popup-container textarea.wkit-plugin-review-input {
    max-height: 100px !important;
    resize: none !important;
}

.wkit-plugin-review-popup-container .wkit-submit-review {
    width: max-content;
    padding: 10px 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #040483;
    border-radius: 6px;
    border: 1px solid #040483;
    font-size: 14px;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 8px 22px;
    transition: 0.3s linear;
    cursor: pointer;
}


.wkit-plugin-review-popup-container .wkit-submit-review:hover {
    background: #030369;
    color: #FFFFFF;
}

@keyframes wkitshowPopup {
    from {
        transform: translateX(300px);
        opacity: 0;
    }

    to {
        transform: translateX(-5px);
        opacity: 1;
    }
}

@keyframes wkitRemovePopup {
    from {
        transform: translateX(-5px);
        opacity: 1;
    }

    to {
        transform: translateX(300px);
        opacity: 0;
    }
}