.pixforwoo-qrcode-content {
display: flex;
width: stretch;
align-self: center;
justify-self: center;
flex-wrap: wrap-reverse;
align-items: flex-end;
justify-content: space-evenly;
flex-direction: row;
border: 1px solid #E6E6E6;
border-radius: 10px;
box-shadow: -2px 2px 4px #E6E6E6;
padding: 20px;
height: min-content;
box-sizing: border-box;
margin: 50px 0px;
background-color: #fff;
}
.pixforwoo-qrcode-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: center;
width: 450px;
height: 100%;
box-sizing: border-box;
padding: 40px;
}
.pixforwoo-qrcode-title-container {
display: flex;
align-items: start;
width: 100%;
padding-left: 20px;
box-sizing: border-box;
}
.pixforwoo-qrcode-title-text {
font-size: 20px;
color: black;
}
.pixforwoo-basic-qrcode-title-text {
font-size: 24px;
font-weight: bold;
color: black;
}
.pixforwoo-qrcode-instructions-list {
padding-right: 20px;
}
.pixforwoo-qrcode-instructions {
display: flex;
flex-direction: column;
margin-top: 16px;
padding-left: 20px;
box-sizing: border-box;
}
.pixforwoo-basic-qrcode-instructions {
display: flex;
flex-direction: column;
margin-top: 16px;
box-sizing: border-box;
color: #838383;
}
.pixforwoo-qrcode-important-notice {
text-align: justify;
}
.pixforwoo-qrcode-check-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 16px;
}
.pixforwoo-qrcode-check-text {
font-size: 12px;
text-align: center;
color: #838383;
}
#pixforwoo-qrcode-timer {
font-size: 48px;
color: #3A3A3A;
text-align: center;
line-height: 1;
}
.pixforwoo-qrcode-payment-check {
display: flex;
justify-content: center;
width: 100%;
}
.pixforwoo-qrcode-payment-check-btn {
display: flex;
width: 350px;
height: 50px;
border-radius: 8px;
align-items: center;
justify-content: center;
background-color: #D9D9D9;
color: #FFF;
font-size: 1rem !important;
line-height: 1.2 !important;
border: none;
outline: none;
box-shadow: none;
margin-top: 16px;
margin-bottom: 16px !important;
transition: background-color 0.5s ease;
}
.pixforwoo-qrcode-payment-check-btn[disabled]:hover {
background-color: #D9D9D9;
}
.pixforwoo-qrcode-payment-check-info {
display: flex;
justify-content: center;
text-align: center;
max-width: 350px;
font-size: 16px;
color: #838383;
}
.pixforwoo-qrcode-value-container {
display: flex;
flex-direction: column;
align-items: center;
line-height: 1;
gap: 4px;
}
.pixforwoo-qrcode-value-title {
font-size: 20px;
color: #686868;
font-weight: bold;
text-align: center;
}
.pixforwoo-qrcode-value-amount {
font-size: 32px;
font-weight: bold;
color: black;
}
.pixforwoo-qrcode-value-date {
font-size: 20px;
color: #686868;
margin-bottom: 10px !important;
text-align: center;
}
.pixforwoo-qrcode-copy-container {
display: flex;
align-items: center;
width: 360px;
border-radius: 8px;
height: 50px;
overflow: hidden;
background-color: #D9D9D9;
margin-bottom: 20px;
}
.pixforwoo-qrcode-copy-input {
width: 100%;
height: 32px;
background-color: #D9D9D9;
border: none;
outline: none;
box-shadow: none;
padding-left: 10px;
}
.pixforwoo-qrcode-copy-input[disabled] {
background-color: #D9D9D9 !important;
}
.pixforwoo-qrcode-copy-btn {
width: 100px !important;
height: 100%;
background-color: #3A3A3A;
font-size: 12px;
color: #FFF;
border: none;
outline: none;
box-shadow: none;
cursor: pointer;
text-align: center;
padding: 0px !important;
transition: background-color 0.5s ease;
}
.pixforwoo-qrcode-copy-btn:hover {
background-color: #3A3A3A;
}
.pixforwoo-qrcode-copy-btn[disabled] {
background-color: #28a428;
}
.pixforwoo-qrcode-img {
width: 300px;
height: auto;
padding: 20px;
}
.pixforwoo-qrcode-image-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
} .payment_method_lkn_pix_for_woocommerce_c6_container {
padding: 10px;
}
.lknPaymentPixForWoocommerceC6InputContainer {
display: flex;
flex-direction: column;
}
.pix-shortcode-generate-button {
display: flex;
width: fit-content;
height: 50px;
border-radius: 8px;
align-items: center;
justify-content: center;
align-self: center;
padding: 0px 40px;
background-color: #3A3A3A;
color: #FFF;
gap: 10px;
font-size: 1rem !important;
line-height: 1.2 !important;
border: none;
outline: none;
box-shadow: none;
margin-top: 16px;
transition: background-color 0.5s ease;
cursor: pointer;
}
.pix-shortcode-generate-button:hover {
background-color: #686868;
}
.pix-shortcode-generate-button[disabled] {
background-color: #D9D9D9;
cursor: not-allowed;
} .pix-shortcode-generate-button img {
width: 32px;
height: 32px;
margin-right: 10px;
object-fit: contain;
vertical-align: middle;
} @media screen and (max-width: 986px) {
.pixforwoo-qrcode-content {
flex-direction: column-reverse;
align-items: center;
padding: 0px;
}
}
@media screen and (max-width: 586px) {
.pixforwoo-qrcode-section {
width: 100%;
padding: 20px;
}
.pixforwoo-qrcode-title-text {
font-size: 16px;
}
.pixforwoo-qrcode-payment-check-btn {
font-size: 16px;
}
.pixforwoo-qrcode-payment-check-info {
font-size: 14px;
}
.pixforwoo-qrcode-img {
width: 100%;
}
.pixforwoo-qrcode-copy-container {
width: 100%;
max-width: 360px;
}
.pixforwoo-qrcode-copy-input {
max-width: 288px;
}
}