.mexco-qr-wrap {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.mexco-qr-wrap .mexco-qr-canvas {
    display: inline-block;
    padding: 10px;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #E2E8F0;
}
.mexco-qr-wrap .mexco-qr-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22%;
    height: auto;
    max-width: 56px;
    max-height: 56px;
    border-radius: 18%;
    background: #fff;
    padding: 4px;
    box-shadow: 0 1px 8px rgba(79, 35, 212, 0.16);
    object-fit: contain;
    pointer-events: none;
    z-index: 2;
}