.page-feedback {
    position: fixed;
    background: white;
    right: -500px;
    z-index: 99999;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #e6e6e6;
    box-shadow: 0px 0px 5px 3px #e8e8e8;
    transition: all 0.8s;
}

.page-feedback.active {
    right: 0px;
}

.page-feedback .helpful {
    border: none;
    margin: 0;
    padding: 20px;
}

.page-feedback .helpful .helpful-controls > div > .helpful-button {
    width: auto;
    height: auto;
    text-align: center;
}

.page-feedback .helpful .helpful-controls {
    display: block;
    text-align: center;
}

.page-feedback .helpful .helpful-controls > div {
    display: inline-block;
    width: auto;
}

.suggestions{
    display: none;
    list-style: none;
    padding: 0;
    background: #ffffff;
    box-shadow: 0px 0px 4px 4px rgb(0 0 0 / 0.2);
    border-radius: 4px;
}

.suggestions li{
    padding: 5px 15px;
    cursor: pointer;
}