After update paysera payment option layout broke down

They changed the classes. I had to update mine too. Here’s my updated Paysera mobile CSS for reference, maybe you’ll find the cause why your CSS breaks:

/* Paysera mobile CSS */

#paysera_country{
	display: none;
}

@media only screen and (max-width: 768px){
	.paysera-payment-method-label{
	display: inline-flex !important;
	align-items: center;
	text-align: left;
	}

	div.paysera-payments.grid span.paysera-text{
		display: initial !important;
	}

	.paysera-payment-method{
		min-width: 100%;
	}
	.paysera-image{
		margin-left: auto;
	}

	ul.payment_methods li img{
		margin: 0 0 0 0 !important;
		padding: 0 0 0 10px !important;
	}
	.payment{
		min-width: 100%;
		border: none !important;
		padding-bottom: 0px !important;
		padding-top: 5px !important;
		margin-bottom: 0px !important;
	}
}

It’s a bit annoying that they changed the CSS without any notice.

Hello,

In case you see a major update like 2.x.x version jumps to the 3.x.x version, then you should always be aware of changes, which might be totally new and you should be aware if you made some customization.

Would like to take attention, that a major version change is a notice itself.

We always try to maintain our integrations in the best way, but when we are forced to jump by a major version, that we can not maintain everything.

Would also ask you to check your mailbox, because there got to be a few notices about the major updates, that you need to take attention to before upgrading.

Have a nice day!