Cannot use two UB Buttons with different styles on a single page

The UB keeps generating two different styles for the button which overrides the settings.

You can see it here: https://www.lumeer.io/hyperise-integration/
The first button should be green on white and switch on hover.

The second button is the opposite – white on green and switch on hover.

However, I keep getting duplicated style generated for the first button.
From page source:

   <style>
            #ub-button-7a01ac6c-b388-4f93-b056-117a1303665a a {
                background-color: #fff;
                color: #00b388;
                border: none;
                border-radius: 60px
            }

            #ub-button-7a01ac6c-b388-4f93-b056-117a1303665a a:hover {
                background-color: #00b388;
                color: #fff;
                border: none
            }

            #ub-button-7a01ac6c-b388-4f93-b056-117a1303665a ub-button-content-holder {
                flex-direction: row
            }

            #ub-button-7a01ac6c-b388-4f93-b056-117a1303665a a {
                background-color: #00b388;
                color: #fff;
                border: none;
                border-radius: 60px
            }

            #ub-button-7a01ac6c-b388-4f93-b056-117a1303665a a:hover {
                background-color: #fff;
                color: #00b388;
                border: none
            }

            #ub-button-7a01ac6c-b388-4f93-b056-117a1303665a ub-button-content-holder {
                flex-direction: row
            }
        </style>

The page I need help with: [log in to see the link]