Could I kindly ask someone to have a look over at my code for a cool looking box please, Thank you!
I tried to remove that weird border surrounding my button but I’m not sure how. I’ve tried messing around with the values of the box-shadow and putting a smaller border size but it’s still there.
Instead of finding the correct pixel value for height to make it look vertically centered, you could also replace height with line-height. Then it would be centered for every height, no matter if you use line-height: 1; or line-height: 8;.
That’s the border and the black inset shadow not playing well together. You could make the inset lighter (gray) and use a darker yellow (rgb(80,80,0)) for the border. This would look better: