Am getting error, you need ".mdc-card_action-page" div within the "data-credit-card" Div, please what am i doing wrong

HTML-CSS
1 
		  <div data-cc-digits>
			  <input type="number" placeholder="----" size="4" />
			  <input type="number" placeholder="----" size="4" />
			  <input type="number" placeholder="----" size="4" />
			  <input  type="number" placeholder="----" size="4" />
			  <div data-cc-info>
				  <input type="text" placeholder="Name Surname" size="20" />
				  <input type="number" placeholder="MM/YY" size="6" />
			  </div>
		  </div>
	  </div>
	  <button class="mdc-button" data-pay-btn>Pay Now</button>
  </div>
2

this is my css

body { margin: 0; padding: 1em; background-color: white; } [data-cart-info], [data-credit-card] { transform: scale(0.78); margin-left: -3.4em; } [data-cart-info]{ display: inline-block; vertical-align: middle; } span { display: inline-block; vertical-align: middle; } span.material-icons { font-size: 150px; } [data-cc-info] input:focus, [data-cc-digits] input:focus { outline: none; } .mdc-card__primary-action, .mdc-card__primary-action:hover { cursor: auto; padding: 20px; min-height: inherit; } [data-credit-card] [data-card-type] { transition: width 1.5s; margin-left: calc(100% - 130px); } [data-credit-card] { width: 435px; min-height: 240px; border-radius: 10px; background-color: #5d6874; } img [data-card-type] { display: block; width: 120px; height: 60px; } [data-cc-digits] { margin-top: 2em; } [data-cc-digits] input { color: white; font-size: 2em; line-height: 2em; border: none; margin-right: 0.5em; } [data-credit-card].is-visa { background: linear-gradient(135deg, #622774 0%, #c53364 100%); } [data-credit-card].is-mastercard { background: linear-gradient(135deg, #65799b 0%, #5e2563 100%); } .is-visa [data-card-type], .is-mastercard [data-card-type] { width: auto; } input.is-invalid, .is-invalid input { text-decoration: line-through; } ::placeholder { color: #fff; } [data-cc-info] { margin-top: 1em; } [data-cc-info] input[type="text"]{ color: white; font-size: 1.2em; border: none; } [data-cc-info] input{ padding-right: 10px; float: right; color: white; font-size: 1.2em; } [data-pay-btn] { position: fixed; width: 90%; border: 1px solid; bottom: 20px; } /* Add Your CSS From Here */