.mf-grey-text { }
.mf-row-container {
display: flex;
flex-direction: row;
align-items: center;
margin-inline-end: 0.5rem;
text-align: start;
} .mf-payment-methods-container { width: fit-content;
background-color: #fff;
border: 0.063rem solid #e2e5e8;
border-radius: 0.5rem;
box-shadow: 0.063rem 0.063rem 0.625rem 0 rgba(144, 144, 144, 0.5);
padding: 15px 10px;
margin: 0.5rem auto;
display: flex;
flex-direction: column;
} .mf-card-container { border: 0.063rem solid #e3e3e8;
border-radius: 0.5rem;
box-shadow: 0 0.063rem 0.188rem 0 rgba(0, 0, 0, 0.1), 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.06);
display: flex;
align-items: center;
justify-content: space-between;
margin: 0.25rem 0.5rem;
padding: 0rem 0.5rem;
cursor: pointer;
background-color: #fff !important;
height: 48px !important;
width: unset;
}
.mf-card-container:hover {
box-shadow: rgba(45, 35, 66, 0.4) 0 0.063rem 0.125rem, rgba(45, 35, 66, 0.3) 0 0.188rem 0.25rem 0.063rem, #D6D6E7 0 0.063rem 0 inset  !important;
transform: translateY(-0.125rem);
background-color: white;
border: 0.063rem solid #e3e3e8;
border-radius: 0.5rem;
box-shadow: 0 0.063rem 0.188rem 0 rgba(0, 0, 0, 0.1), 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.06);
width: unset;
}
.mf-card-container:focus{
background-color: #fff;
}
.mf-payment-logo { margin-inline-end: 1rem !important;
width: 40px !important;
}
.mf-card-title {
font-weight: 600 !important;
text-transform: initial;
}
.mf-price-tag {
font-weight: 600 !important;
text-transform: initial;
text-align: end;
} .mf-divider{
text-align: center;
border-bottom: 0.063rem solid;
line-height: 0.1rem;
margin: 16px 0 !important;
}
.mf-divider-span { background: #fff;
padding:0 0.625rem;  font-weight: 500;
float: none !important;
display: inline !important;
} .mf-pay-now-btn {
width: 100%;
border: none;
border-radius: 8px;
display: flex;
align-items: center;
margin: 0.3rem 0rem;
padding: 7px 3px;
background-color: var(--brand-color);
justify-content: center;
color: white !important; cursor: pointer;
text-decoration: none;
}
.mf-pay-now-btn:hover { }
.mf-pay-now-span {
margin: 0px !important;
padding: 0px !important;
font-weight: 600 !important;
vertical-align: baseline;
color: white !important;
text-transform: initial;
line-height: 1.618;
}  @media (max-width: 440px) {
.mf-card-container {
margin: 0.25rem 0rem;
height: 40px !important;
}
.mf-payment-methods-container {
padding: 15px 7px;
margin: 0.2rem auto;
}
.mf-payment-logo {
margin-inline-end: 0.5rem !important;
margin-inline-start: 0rem !important;
margin-top: 0 !important;
width: 30px !important;
}
.mf-card-title {
font-weight: 500 !important;
line-height: 15px;
}
.mf-price-tag {
font-weight: 500 !important;
line-height: 15px;
}
}