/* Блок с оценкой полезности */
.feedback-section {
   margin-top: 32px;
   padding: 40px;
   border-radius: 20px;
   background-color: #FFFFFF;
   text-align: start;
}

.feedback-title {
   font-weight: 600;
   font-size: 24px;
   line-height: 120%;
   color: #222222;
   margin-bottom: 24px;
}

.feedback-buttons {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.feedback-button {
   display: flex;
   align-items: center;
   background-color: #FFFFFF;
   gap: 12px;
   border: none;
   font-size: 18px;
   cursor: pointer;
   transition: background-color 0.3s, color 0.3s;
   font-weight: 400;
   font-size: 18px;
   line-height: 140%;
   color: #222222;
}

/* Стили для иконок */
.feedback-icon {
   width: 52px;
   height: 52px;
   border-radius: 10px;
   padding: 12px;
   transition: background-color 0.3s;
   background-color: #F1F3F8;
}

/* Активное состояние лайка */
.feedback-like.feedback-active .feedback-icon {
   background-color: #51C1C1;
}

/* Активное состояние дизлайка */
.feedback-dislike.feedback-active .feedback-icon {
   background-color: #DF5252;
}

/* Сообщение об успешном голосовании */
.feedback-success {
   font-weight: 500;
   font-size: 18px;
   line-height: 120%;
   text-align: center;
   position: relative;
   text-align: center;
   padding: 15px 0;
   background-color: #F1F3F8;
   border-radius: 10px;
   margin-top: 20px;
   display: none;

   &::before {
      content: "";
      width: 24px;
      height: 24px;
      background-image: url('../../../img/feedback-success.png');
      top: 12px;
      left: 85px;
      position: absolute;
   }
}