HTML：如何更改按钮的大小，使其与图标大小相同？

我使用的帮助创建了一个按钮。我现在正试图调整我的html上的按钮大小，以便按钮上的图标完全适合它。可以这么说，我希望它们的尺寸相同。但那个网页并没有真正帮助我

这就是我的代码的样子。 HTML:

<button class="butn"><i class="fa fa-question-circle-o" id="AnzeigeerstellenHilfe"></i></button>

我一直在使用.css上的值并更改/添加内容，但到目前为止没有成功。我怎么做呢？

使用

#icon {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
  }

尝试：

布顿先生{
颜色：#859f38；
背景色：透明；
文字装饰：无；
边界：无；
大纲：0！重要；
}

---

或者使用@sao的答案，如果你想调整图标的大小，默认情况下，它应该是相同的大小，不做任何事情，所以我必须删除“背景大小”值。。成功了！谢谢！

<button class="butn"><i class="fa fa-question-circle-o" id="AnzeigeerstellenHilfe"></i></button>

.butn {
   color: #859f38;
   background-color:transparent;
   text-decoration: none;
   border: none;
   outline: 0 !important;
}