.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;
}
}