Openlayers-更改位置后，单击按钮不起作用

如何解决Openlayers-更改位置后，单击按钮不起作用

我创建了一个按钮，点击后即可重置中心的地图。我使用的是简单的HTML按钮，该按钮可以正常工作，并且可以重置地图，但是我想更改按钮在地图上的位置，并且一旦在click事件中更改CSS中的按钮位置，就无法使用。如果我删除CSS，则按钮再次开始工作。那么如何更改单击事件起作用的按钮位置？

//css 
 .button{
  top: 80px; 
    right: 20px; 
    position: absolute;
}
  <div class='button'>
        <input id="button" type="button" value="Asean" onclick="AseanZoom()" />

   function AseanZoom()  {     
        map.getView().setCenter(ol.proj.fromLonLat([118.8235586955858,10.6962792360561]));
        map.getView().setZoom(4.45);   
        map.addLayer(cityMarker);