     gap: 10px;
            }
            .weather-details-popup {
                width: 220px;
                padding: 12px;
                font-size: 12px;
            }
        }
    </style>
</head>
<body>
    <div class="widget-container">
        <div class="widget-wrapper">
            <div class="widget">
                <div class="front">
                    <button class="menu-btn" onclick="flipWidget()"></button>
                    
                    <div class="main-info" onmouseenter="sh