body { font-family: Arial, sans-serif; display: flex; justify-content: center; padding-top: 50px; background-color: #f4f4f9; }
.feedback-widget { background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); width: 100%; max-width: 350px; text-align: center; }
.subtitle { color: #666; font-size: 14px; }
.hidden { display: none; }

/* Звезды */
.stars { display: flex; flex-direction: row-reverse; justify-content: center; gap: 5px; font-size: 40px; }
.star { color: #d3d3d3; cursor: pointer; transition: color 0.2s; }
.star:hover, .star:hover ~ .star { color: #ffcc00; }

/* Форма и кнопки */
textarea { width: 100%; height: 100px; margin-top: 15px; padding: 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 8px; resize: none; }
.btn { background: #007bff; color: white; border: none; padding: 12px; border-radius: 8px; cursor: pointer; margin-top: 15px; width: 100%; font-size: 16px; transition: 0.2s; }
.btn:hover { background: #0056b3; }

/* Ссылки на отзовики */
.review-links a { display: block; margin: 10px 0; color: #333; text-decoration: none; border: 2px solid #007bff; padding: 12px; border-radius: 8px; font-weight: bold; transition: 0.2s; }
.review-links a:hover { background: #007bff; color: white; }