.feedback-buttons { display: flex; flex-direction: column; justify-content: space-between; position: fixed; top: 50%; right: 2%; z-index: 11; } .btn-feedback-form__wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 9; } .btn-feedback-form { display: -webkit-box; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; padding: 12px; border: none; background: #fff; -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 25%); box-shadow: 0 1px 4px rgb(0 0 0 / 25%); outline: none; cursor: pointer; } .btn-feedback-form:hover { box-shadow: 0 2px 8px rgb(0 0 0 / 25%); } .btn-feedback-form__svg { display: flex; align-items: center; justify-content: center; order: 1; width: 48px; height: 48px; background: #fff; border-radius: 50%; box-shadow: 0 1px 4px rgb(0 0 0 / 25%); } .btn-feedback-form__text { width: 100%; font: 14px Roboto; margin-top: 4px; } .btn-feedback-form__text__green { color: green; } .btn-feedback-form__text__red { color: red; } @media (max-width: 1024px) { .feedback-buttons { display: none; } } .popup__input_error { border-bottom: 1px solid red; } .popup__label_error { color: red !important; }