#radio-control-wc-payment-method-options-lkn_cielo_credit__content {
padding: 1em !important;
}
.rccs {
max-width: 290px !important;
width: 100% !important;
}
.rccs .rccs__card {
max-width: 290px !important;
width: 100% !important;
}
.lkn-cielo-credit-card-icons {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 10px;
width: 100%;
height: 100%;
}
.lkn-cielo-credit-card-icons img {
filter: none;
opacity: 1;
transition: filter 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.lkn-cielo-credit-header-label {
display: flex !important;
align-items: center !important;
justify-content: space-around !important;
gap: 10px !important;
position: relative !important;
border-top: 2px solid #2f2f2f;
border-left: 2px solid #2f2f2f;
border-right: 2px solid #2f2f2f;
border-bottom: none;
box-sizing: border-box !important;
border-top-right-radius: 4px !important;
border-top-left-radius: 4px !important;
padding-top: 1em !important;
padding-bottom: 1em;
padding-left: 3.5em;
padding-right: .75em;
}
#radio-control-wc-payment-method-options-lkn_cielo_credit__content .wc-block-components-text-input label {
font-size: 16px !important;
}
.lkn-cielo-credit-custom-input {
border: 1px solid #ccc !important;
height: 50px !important;
background-color: #fff !important;
border-radius: 4px !important;
width: 100% !important;
font-size: 16px !important;
padding-left: .5em !important;
transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.lkn-credit-debit-card-field {
margin-top: 12px !important;
}
.lkn-select-type select {
width: 100%;
}
.lkn-credit-card-type-select {
width: 48% !important;
height: 50px;
margin-top: 12px;
margin-bottom: 0px !important;
}
.lkn-cielo-credit-custom-select {
width: 100% !important;
}
.lkn-cielo-credit-custom-select select,
.lkn-credit-card-type-select select {
border: 1px solid #ccc !important;
height: 50px !important;
background-color: #fff !important;
border-radius: 4px !important;
width: 100% !important;
font-size: 16px !important;
padding-left: .5em !important;
transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.lkn-credit-card-type-select label {
display: none;
}
.lkn-cielo-credit-custom-input:focus {
border-color: #0073aa !important;
box-shadow: 0 0 5px rgba(0, 115, 170, 0.5) !important;
outline: none !important;
}
.lkn-cielo-credit-content-container {
display: flex !important;
flex-wrap: wrap;
width: fit-content !important;
gap: 4% !important;
justify-content: space-between !important;
background-color: #f5f5f5 !important;
border-top: 2px solid #2f2f2f !important;
border-left: 2px solid #2f2f2f !important;
border-right: 2px solid #2f2f2f !important;
border-bottom: 2px solid #2f2f2f !important;
box-sizing: border-box !important;
border-bottom-right-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
.lkn-cielo-credit-select-input {
padding: 6px !important;
}
.lkn-cielo-credit-description {
width: 100% !important;
text-align: center !important;
padding: 0px 10px !important;
}
.lkn-cielo-credit-description p {
font-size: 14px !important;
color: #a1a1a1 !important;
font-weight: 100 !important;
font-style: italic !important;
}
@media (max-width: 780px) {
.lkn-cielo-credit-header-label {
flex-wrap: wrap !important;
}
.lkn-cielo-credit-card-icons {
justify-content: flex-start !important;
}
#radio-control-wc-payment-method-options-lkn_cielo_credit__content .wc-block-components-text-input,
#radio-control-wc-payment-method-options-lkn_cielo_credit__content .lkn-credit-credit-card-type-select {
width: 100% !important;
}
}
@media (max-width: 400px) {
.rccs {
max-width: none !important;
}
.rccs .rccs__card {
max-width: none !important;
}
}