The css style for a Table is not working in send a email for a Gmail account

Question

Hello Community members,

Any help is greatly appreciated!
I have added CSS formatting to Create HTML table to send an email to notification to the gmail account. For the Outlook email, it is working fine as shown in the below image:

But for the Gmail account, styling is not supporting:

Please reply the solution to this.

<style>
table {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table td, table th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table tbody td {
  font-size: 13px;
}
table thead {
  background: #ffd700;
  border-bottom: 2px solid #444444;
}
table thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table thead th:first-child {
  border-left: none;
}
</style>