.floating-clock {
        position: fixed;
        bottom: 100px;
        right: 20px;
        z-index: 1000;
        /* background: linear-gradient(135deg, #3b82f6, #2dd4bf); */
        /* background-size: 200% 200%; */
        /* color: white; */
        border: none;
        padding: 12px 20px;
        font-size: 16px;
        /* border-radius: 10px; */
        /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); */
        text-decoration: none;
        transition: all 0.3s ease, background-position 0.5s;
    }

    .floating-clock img {
        height: 100px;
    }

    .floating-clock:hover {
        transform: scale(1.5);
        background-position: right center;
        /* box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4); */
        text-decoration: none;
        /* color: white; */
    }