I'm trying to understand how to animate an `input` button the same way I would a button-styled anchor tag. In the example below, I've styled and animated the anchor, but the input button won't animate.

I think I need to target the value attribute, but I'm not sure how.

**How do I style an input tag the same way I've styled the anchor tag?**

```css
/* Roboto Font */
@import url("https://fonts.googleapis.com/css2?family=Duru+Sans&display=swap");
/*resets*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  font-family: "Duru Sans", sans-serif;
  font-size: 16px;
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  height: 100vh;
}

a, input[type=submit] {
  text-decoration: none;
}
a.nextiva-bttn-anim, input[type=submit].nextiva-bttn-anim {
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
  font-weight: 700;
  font-size: 20px;
  padding: 20px 0;
  border-radius: 4px;
  text-align: center;
  min-width: 230px;
  cursor: pointer;
  display: inline-block;
}
a.nextiva-blue-bttn, input[type=submit].nextiva-blue-bttn {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  border: 0;
  border-radius: 4px;
  background-color: #005fec;
  font-weight: 700;
  padding: 13px 0;
  text-transform: none;
  color: #fff;
  outline: 0;
  transition: all 0.2s ease;
}
a.nextiva-bttn-anim .bttn-txt, input[type=submit].nextiva-bttn-anim .bttn-txt {
  color: inherit;
  font-weight: inherit;
  display: inline-block;
  transform: translateX(10px);
  transition: transform 0.15s;
}
a.nextiva-bttn-anim .learn-more-arrow, input[type=submit].nextiva-bttn-anim .learn-more-arrow {
  height: 0.75rem;
  opacity: 0;
  transition: opacity 0.15s, transform 0.15s;
}
a.nextiva-bttn-anim:hover .bttn-txt, input[type=submit].nextiva-bttn-anim:hover .bttn-txt {
  transform: translate(0px);
  transition: transform 0.15s;
}
a.nextiva-bttn-anim:hover .learn-more-arrow, input[type=submit].nextiva-bttn-anim:hover .learn-more-arrow {
  opacity: 1;
  transition: opacity 0.15s, transform 0.15s;
}
```

```html
<div class="container">
  <input type="submit" class="nextiva-bttn-anim nextiva-blue-bttn light" value="Input Tag">

  <img src="https://nextivaweb.imgix.net/icons/Arrow-Right-Hover-Animation_white.svg" alt="right arrow icon" class="learn-more-arrow"> 
  <a href="#" class="nextiva-bttn-anim nextiva-blue-bttn light" value="Input Type">
    <span class="bttn-txt">Anchor Tag</span>
    <img src="https://nextivaweb.imgix.net/icons/Arrow-Right-Hover-Animation_white.svg" alt="right arrow icon" class="learn-more-arrow"> 
  </a>
</div>
```