解决这个问题的最好方法是在脚本中创建函数：
超文本标记语言：

<div class="plan__tabs-row aos-init aos-animate" data-aos="animation">
   <div class="plan__tab-conteiner">
      <button class="plan__pm-action check" onclick="Meta()"><i></i> Precious Metals</button>
      <button class="plan__real-action" onclick="Esta()><i></i>Real Estate</button>
      <button class="plan__energy-action" onclick="Ener()><i></i> Energy</button>
      <button class="plan__forex-action" onclick="Fore()><i></i>Forex</button>                
   </div>
</div>

JS：

function Meta(){
  //Code
}
function Esta(){
  //Code
}
function Ener(){
  //Code
}
function Fore(){
  //Code
}

要在移动的设备上实现响应式按钮设计，可以在屏幕尺寸减小时使用媒体查询来定制按钮的外观。下面是如何为此目的自定义代码的示例：

.aos-animate.plan__tabs-row {
    visibility: inherit;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.aos-animate.plan__tabs-row {
    visibility: inherit;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.plan__tabs-row {
    margin: 25px 0;
    position: relative;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
}
.plan__tabs-row {
    margin: 25px 0;
    position: relative;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
}

        /* Mobile styles */
        @media (max-width: 768px) {
            .plan__tab-conteiner {
                flex-direction: column;
            }

            .plan__tab-conteiner button {
                margin-bottom: 10px;
                width: 100%;
            }
        }

<div class="plan__tabs-row aos-init aos-animate" data-aos="animation">
        <div class="plan__tab-conteiner">
            <button class="plan__pm-action check"><i></i> Precious Metals</button>
            <button class="plan__real-action"><i></i> Real Estate</button>
            <button class="plan__energy-action"><i></i> Energy</button>
            <button class="plan__forex-action"><i></i> Forex</button>                
        </div>
    </div>

这仅仅是一个例证;使用@media查询可以获得更好的结果。600px用于手机和768px用于平板电脑