sor: pointer;
            margin: 0 1px;
            font-family: 'Comic Neue', sans-serif;
            font-weight: bold;
            transition: background-color 0.2s, transform 0.1s;
            text-align: center;
            min-width: 0; /* Allow buttons to shrink below content size */
            white-space: nowrap;
        }

        .time-button:hover {
            background-color: var(--hover-bg, #3a5ca9);
            transform: translateY(-2px);
        }

        .time-button:active {
        