.mafpay-card-field {
    display: flex;
    align-items: center;
    background-color: white;
    justify-content: space-between;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 5px 10px;
    height: 46px;
    min-width: 200px
}

    .mafpay-card-field input {
        background-color: white;
        border: none;
        outline: none;
        font-size: 16px;
        color: #333;
        flex: 1;
        width: 100%
    }

        .mafpay-card-field input ::placeholder {
            color: #767676;
            font-size: 14px
        }

    .mafpay-card-field.invalid, .mafpay-card-field.invalid::placeholder {
        border: 1px solid #ff0000;
        color: #ff0000
    }

.error-message {
    color: #ff0000;
    margin: 5px 0;
    font-size: 12px
}