I have a button component that has an attribute called button-width, and I'm using this button component within another component I'm building. I want this button-width to be a certain value when the viewport-width is above 500px, and another value when it is below. How can I do this to a component when it is being used within another component?