Changing value of predefined ionic sass variables


I want to change the value of ionic’s predefined sass variables for different components but I want the change to be reflected in only specific pages.
For example, I tried adding $button-round-padding-top: 4px in my sass file of page home under page-home but it doesn’t work it only works when I add it to variables.sass