/**
 * WP Tutoruals : QR Code
 *
 * https://wp-tutorials.tech/add-functionality/generate-qr-codes-in-wordpress-posts/
 */

.wpt-qrcode,
.wpt-qrcode~.diagnostic {
    text-align: center;
}

.wpt-qrcode.left,
.wpt-qrcode.left~.diagnostic {
    text-align: left;
}

.wpt-qrcode.right,
.wpt-qrcode.right~.diagnostic {
    text-align: right;
}

.wpt-qrcode~.diagnostic {
    font-size: 10pt;
    background-color: #ffffff88;
    color: black;
    padding: 0.5em 0;
    margin-top: 0.5em
}

.wpt-qrcode > svg {
    width: 100%;
    height: auto;
    box-shadow: 0 0 1.5em #00000022;
}