.pos .online-payment-popup .body {
    padding: 1rem;
}

.pos .online-payment-popup .title {
    font-weight: bold;
    font-size: 1.1rem;
    padding-top: .3rem;
    padding-bottom: 1rem;
    border-bottom: solid 1px rgba(60, 60, 60, 0.1);
}

.pos .online-payment-popup .instructions p {
    padding-top: 1rem;
    margin-bottom: 0;
    font-size: 1rem;
}

.pos .online-payment-popup .instructions .qr-code {
    width: min(max(50%, 15rem), 75%);
    height: auto;
    margin: .3rem auto .3rem auto;
}

.pos .online-payment-popup .info {
    border-top: solid 1px rgba(60, 60, 60, 0.1);
    padding-top: .6rem;
    justify-content: left;
    text-align: left;
    font-size: 1rem;
}

.pos .online-payment-popup .footer .button {
    margin: auto;
    background-color: #F3BBBB;
    color: rgb(168, 89, 89);
}