'Submit button padding not working on mobile

I have this code for my form submit button. It works fine on laptop but on mobile the padding doesn't show. See project here: https://gloriasekyere.github.io/intro-component-with-signup-form-challenge/ (Please open on mobile)

<input type="submit" id="submit" value="CLAIM YOUR FREE TRIAL">

input[type="submit"] {
  display: block;
  width: 100%;
  color: $white;
  font-weight: 500;
  background-color: $green;
  margin-bottom: 10px;
  border: none;
  box-shadow: 0 5px 0px rgb(52, 189, 129);
  padding: 17.5px 0 12.5px;}

I have tried adding a height to the button but that didn't work

mobile submit-button

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Submit button padding not working on mobile

Sources

Related Questions