Struggling to fix a coding issue related to formatting white space within a button. Sometimes the white space is at the top, other times at the bottom. Here's the CSS code that's not working
#filter {
position: relative;
overflow: hidden;
padding: 10px 15px;
border-radius: 5px;
outline: none;
border: 1px solid rgb(37, 101, 135);
background-color: transparent;
transform: scale(4) translate(50%, 50%);
}
#filter::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: skyblue;
}<button id="filter">Filter: Off</button>Appreciate any assistance with this.