#form-checkout .container {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
color: #333;
font-size: 0.97em;
height: 2.507em;
max-width: 100%;
padding: 0 0.75em;
vertical-align: middle;
width: 100%;
border-radius: 30px !important;
margin-bottom: 0.5em;
}
#form-checkout__paymentMethodsContainer {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 0.5rem;
margin-top: 1.2rem;
}
#form-checkout__cardInfoContainer {
display: flex;
flex-direction: row;
gap: 0.5rem;
}
#form-checkout__loader {
position: absolute;
height: 100%;
width: 100%;
display: grid;
place-items: center;
top: 0;
left: 0;
background-color: #f3f3f3;
}
#form-checkout__loader .loader-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1rem;
}
#form-checkout__loader .loader-container p {
margin: 0;
}
#form-checkout__loader .loader {
border: 3px solid #d3d3d3;
border-top: 3px solid #004675;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 2s linear infinite;
}
.payment_method_home2020_gateway_error {
border: 1px solid red !important;
}
.home-mp-custom-input {
border-radius: 30px !important;
}
.payment_method_home2020_gateway {
position: relative;
overflow: hidden;
}
.home-mp-payment-method-logo-image {
height: 15px;
width: 20px;
object-fit: contain;
background: #fff;
border: 2px solid #fff;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.checkout .woocommerce-error {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
color: red;
font-size: 1.2em;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 849px) {
#form-checkout .container {
font-size: 1rem;
}
}