.transition-sample {

    padding: 16px 80px;

    background-color: #4284f3;

    color: #fff;

    font-weight: bold;

    transition: background-color 1s ease;

}

​

.transition-sample:hover {

    background-color: #ea4335;

}

​

​

/* --------------- */

/* リセット */

/* --------------- */

a{

  text-decoration: none;

}

​

.container{

  width: 90%;

  margin: 0 auto;

  padding: 80px 0;

  text-align: center;

}