 <style>


        .weather-widget {
            background: white;
            border-radius: 5px;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
            padding: 5px;
            width: 100px; /* Ширина */
            height: 30px; /* Высота */
            text-align: center;
            cursor: pointer; /* Указывает на возможность клика */
            transition: transform 0.2s; /* Плавный эффект для увеличения */
        }

        .weather-widget:hover {
            transform: scale(1.05); /* Увеличиваем виджет при наведении */
        }

        .temperature {
            font-size: 13px; /* Размер температуры */
            margin: 0;
        }

        .description {
            font-size: 10px; /* Размер описания */
            margin: 0;
        }

        .loading, .error {
            font-size: 10px; /* Размер текста для загрузки и ошибок */
            color: #666;
        }
    </style>