How can I make my resizable button function as intended?

I’m trying to create a resizable animated button with a shadow where if you press it, it will collapse the shadow layer and look as if it is being pressed down. adding a drop shadow does not function as I’d hoped, it simply retracts into a kind of dissolve animation I can’t alter. I can’t flatten two shapes together because I want to keep a stroke on one of them.

my problem is that when resizing the button, the shadow layer does not follow suit, and instead remains the original size. I can’t seem to merge both layers together in a way that works while keeping the auto layout function or keeping the intended appearance.

is there a way to make two frames follow the same auto layout without flattening them?