.button-dates {
    display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        padding: 6px 12px;
        background: #f1f6ff;
        color: #0f3460;
        border: 1px solid #b6caf5;
        border-radius: 12px;
        font-weight: 700;
        font-size: 0.9rem;
        line-height: 1.2;
        cursor: pointer;
        transition: all 0.15s ease;
        box-shadow: 0 2px 8px rgba(15, 52, 96, 0.08);
        margin-left: 4px;
        position: relative;
        z-index: 1;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        pointer-events: auto;
    }
    
    .button-dates:hover {
        background: #e3edff;
        border-color: #8eb0ec;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(15, 52, 96, 0.12);
    }
    
    .button-dates:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(67, 114, 196, 0.25);
    }
    
    .button-dates:active {
        transform: translateY(0);
        box-shadow: 0 2px 6px rgba(15, 52, 96, 0.16);
}