.payment-choice-grid {
    gap: 1rem;
}

.payment-choice-card {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.payment-choice-card > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.payment-choice-content {
    display: grid;
    gap: 1rem;
    min-height: 100%;
    padding: 1.25rem;
    border: 2px solid transparent;
    border-radius: inherit;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.payment-choice-card > input:checked + .payment-choice-content {
    border-color: currentColor;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

.payment-choice-heading {
    display: grid;
    gap: .25rem;
}

.payment-choice-heading strong {
    font-size: 1.08rem;
}

.payment-choice-heading small {
    opacity: .75;
}

.payment-wait-card {
    display: grid;
    gap: 1.25rem;
}

.pix-payment-box {
    display: grid;
    gap: 1rem;
    justify-items: start;
}

.pix-qr-image {
    width: min(100%, 280px);
    height: auto;
    border-radius: 12px;
    background: #fff;
    padding: .75rem;
}

.pix-payment-box textarea {
    width: 100%;
    resize: vertical;
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    .payment-choice-content {
        padding: 1rem;
    }
}

.payment-check-actions {
    display: grid;
    gap: .65rem;
    justify-items: start;
    padding-top: .25rem;
}

.payment-check-actions .muted {
    margin: 0;
}