.kiosk-numpad {
    opacity: 1;
    pointer-events: none;
    
    &.active {
        opacity: 1;
        position: fixed;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 400px;
        text-align: center;
        font-size: 30px;
    }
}