CSS issues in new "Castos" audio player

[SecondLineThemesHQ]

1. When displaying the player in a container that has text-align:center applied to it, the HTML5 ("Castos") player breaks. It can be easily solved with something like this - .castos-player { text-align: left; }

2. Some page builders like Elementor, Divi Builder or Beaver Builder apply different box-sizing CSS properties to all nested elements. This makes the play/pause button too big and thus the volume button is not clickable. It can be solved by adding something like this - .castos-player .play-pause-controls button {box-sizing: border-box;}

3. CSS loading glitch - sometimes when hard-reloading pages, the audio player seems to take a second or two to load and it looks broken while loading.

4. A bit unrelated, but when one upgrades SSP from 2.4.x to 2.5.x, the new player sometimes overrides and displays as the default player, even if the "Standard" player option was saved before. This needs more testing, not sure what is exactly happening.