.divFeedback{
    background: var(--color-neutral-0);
    border-radius: 5%;
    position: fixed;
    right: 2%;
    top: 10%;
    width: 183px;
    min-height: 183px;
    height: auto;
}

.divDedo{
    width: 50px !important;
    height: 50px;
    margin: 10px
}

.close{
    padding-top: 5px;
    font-size: 25px;
}

.divFeedback .dedoBoa, .divFeedback .dedoRuim{
    cursor: pointer;
}

.FeedbackButton {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);    
    position: fixed;
    top:  210px;
    right: -65px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 180px;
    height: 50px;
    background-color: var(--color-primary);
    color: white;
    z-index: 999;
}

.FeedbackTypeButton {
    width: 100% !important;
    height: 40px !important;
    border: 1px solid #FFFFFF !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-style: normal;    
    box-sizing: border-box;
    box-shadow: 0px 2px 6px rgba(69, 91, 99, 0.2);
    margin: 5px !important;
}

.FeedbackContainer {
    position:fixed;
    top: 140px;
    right: 0px; 
    height: 270px;
    z-index: 9999;
    overflow-x: hidden;
    transition: 0.5s;
    color:var(--color-neutral-0);           
    background-color: var(--color-primary);
    width: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px; 
    text-align: center;
}

.FeedbackTitle{
    font-size: 22px;
    font-weight: bold;
}

.FeedbackBody{
    text-align: center;
    letter-spacing: 0;
    opacity: 1;
    font-size: 13px;
    font-weight: 300;
    margin-top: 9px;
    padding: 0 25px;
}

.Hidden{
    display: none;
}

.FeedbackInput{
    border-radius: 8px !important;
    margin-top: 10px;
}

.FeedbackPadding{
    padding: 0 25px;
}

.FeedbackMarginTop{
    margin-top: 20px;
}