.weather-widget{display:flex;align-items:center;gap:15px;padding:15px 20px;min-width:200px;width:fit-content;z-index:1000;border-radius:16px;transition:.5s;cursor:default;margin-top:15px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px rgba(0,0,0,.3)}.weather-widget.fixed-position{position:fixed;bottom:20px;right:20px;margin-top:0;z-index:9999}.weather-widget:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.weather-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.weather-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255, 255, 255, .2))}.weather-icon i{font-size:1.6rem;color:#7dd3fc;filter:drop-shadow(0 0 5px rgba(125, 211, 252, .45))}.weather-info{display:flex;flex-direction:column}.weather-city{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:2px}.weather-temp{font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(to right,#4facfe,#00f2fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.weather-desc{font-size:.8rem;color:rgba(255,255,255,.6);text-transform:capitalize}.weather-widget.fade-out .weather-icon,.weather-widget.fade-out .weather-info{opacity:0;transform:translateY(10px);transition:.5s}.weather-icon,.weather-info{opacity:1;transform:translateY(0);transition:.5s}@media (max-width:768px){.weather-widget{position:relative;margin-top:20px;min-width:160px;padding:10px 15px;bottom:auto;right:auto;left:auto}.weather-widget.fixed-position{position:fixed;bottom:80px;right:20px;margin-top:0;z-index:9999}.weather-icon{width:40px;height:40px}.weather-temp{font-size:1.1rem}}