Estoy escribiendo código Angular en el que tengo dos botones del mismo tamaño en tamaño web normal, pero cuando se trata del modo de respuesta, el tamaño cambia y un botón se vuelve más grande que el otro. Traté de ajustarlos cambiando padding-right y padding-left pero si funciona correctamente en un tipo de móvil, por ejemplo, IphoneX , no funcionó correctamente en otro tipo de móvil como Google pixel .

ese es mi código para ajustarlos en la versión móvil

 @media (max-width: 480px) { #conseller{ padding-right: 9%; padding-left: 9%; } #button { padding-right: 18%; padding-left: 18%; } }

ese es el código en HTML

 <div class="feature-list-button-box mt-30 text-center"> <a style="color:white;" id="conseller" [routerLink]="[ '/contact' ]" class="ht-btn ht-btn-md">Parler à un conseiller</a> <a [routerLink]="[ '/service_suite' ]" id="button" class="ht-btn ht-btn-md ht-btn--outline">Nos Services</a> </div>

y así es como se ven en la versión web:

y así es como se ven en la versión móvil: