Скрыть кнопку CSS в Gmail

Question

Я попытался создать липкую кнопку, которая будет отображаться в мобильных версиях письма, которое я хочу создать. Тем не менее, Gmail отображает его во всех версиях - как обычную ссылку, игнорирующую стиль. Кто-нибудь знает, как мне изменить код, чтобы он был скрыт в Gmail?

<style>

   .fixed{
   visibility:hidden;
   display: none;
   }

   @media only screen and (max-width: 768px) {

   .fixed {
   visibility:visible;
   display: block;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   }

   a.fixed {
   text-align: center;
   padding: 0.5em 1.2em;
   margin: 0.2em auto;
   font-weight: 300;
   font-size: 22px;
   color: #FFFFFF;
   background-color: #ff6200;
   transition: all 0.2s;
   color: #FFFFFF;
   text-decoration: none;
   }

   a.fixed:hover {
   background-color: #E88946;
   }
   }

</style>

<div class="fixed">
   <center><A href="https://www.google.com" class="fixed">Lorem ipsum</a></center>
</div>