/* ==========================================================================
   QR Code Container
   ========================================================================== */

.qr-container {
    display: inline-block;
    cursor: pointer;
    transition: var(--transition);
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 10px;
}

.qr-container:hover {
    border-color: #007bff;
    transform: scale(1.05);
}

.qr-container svg {
    max-width: 300px;
    max-height: 300px;
}

.url-text {
    margin-top: 15px;
    font-size: 16px;
    color: #333;
}