Adjusting Buttons Speratly in a Button group

Hello all! first time poster here, please excuse me if its hard to understand, English is not my first language.

I am currently setting up a Add to cart function and I currently have two buttons available based on the pack size of the product, however they are acting as one button which is stopping me from giving each individual button a animation,

In this case a hover in and out animation of the price appearing and then disappearing under the each pack size button, but because I cannot separate the buttons in the element, so hovering on one of the buttons reveals both prices.

How do I set up the add to cart so that each pack size button can be customized separately and not as a whole button group.

Thanks for your time and any help offered.