#information-widgets-right {
    justify-content: space-between;
}

.information-widget-search {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    min-width: 20rem;
}

.information-widget-datetime {
    outline: none;
    border-radius: 999px;
    padding: 0px 1rem;
    backdrop-filter: blur(25px) saturate(180%) brightness(1.05);
    -webkit-backdrop-filter: blur(25px) saturate(180%) brightness(1.05);
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.4),
        inset 0 10px 20px rgba(255, 255, 255, 0.05),
        0 8px 32px rgba(0, 0, 0, 0.25),
        0 1px 2px rgba(0, 0, 0, 0.1);
    border: 0.5px solid rgba(255, 255, 255, 0.25);
    transition: all 0.5s ease;
    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%),
            rgba(255, 255, 255, 0.35) 0%,
            rgba(255, 255, 255, 0.1) 40%,
            transparent 80%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
}

.information-widget-datetime:hover {
    transform: translateY(-2px) scale(1.05);
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

.information-widget-datetime span {
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    opacity: 0.95;
}