html - リンク/div の背景に CSS トランジションの色の変更を追加する方法

Question

div全体を から に変更し#555555たい#b13c19。これは、リンクを囲む単純な角の丸い div です。私はそれを正しく理解できないようです。これが私がこれまでに持っているものです。どんな助けでも大歓迎です。

HTML

<div id="resume_btn">
   <a href="Aalok_Resume.pdf"> Click Here to View My Resume </a>
</div>

CSS

#resume_btn {
  position: relative;
  margin-top: 25px;
  padding: 20px;
  width: 220px;
  height: 25px;
  background-color: #555555;
  background-repeat: no-repeat;
  text-align:center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -0-border-radius: 10px;
  border-radius: 10px;  
}

#resume_btn a {
  text-decoration: none;
  color:white;
  font-family: 'oswald', helvetica, arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

-moz-transition: background 1s ease-in;プロパティなどをどこに置くべきかわかりません。リンクにカーソルを合わせると背景の色が変わるようにしたい。リンクの背景色で機能するようにしましたが、背景が 230 x 25 の領域全体ではなく文言のみを含んでいるため、見栄えがよくありません。