I've created two buttons that act as hyperlink. They work on Chrome but aren't responsive on Firefox. 

Sorry, I'm new to html/css and do not what I may be doing wrong. 

```css
.btn-language-group {
  position: fixed;
  z-index: 120;
  bottom: 30px;
  right: 30px;
  background-color: Transparent;
}
```

```html
<div class="btn-language-group">
  <button class="button button1">
          <a href="index-B.html"> flag
           <i class="flag-icon flag-icon-es"></i></button>
  </a>

  <button class="button button2">
          <a href="index.html"> flag
           <i class="flag-icon flag-icon-gb-wls"></i></button>
  </a>
  </button>
</div>
```