/* グラデーション線から塗に変化する */
button {
    background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.btn {
    /*ボタンの形状*/
    display: inline-block;
    border: 1px solid #231815;
    /*アニメーションの指定*/ 
    transition: background 1.0s ease-out;
}

/*hoverした際、グラデーションと影を付ける*/
.btn:hover{
    /*背景の色と形状*/
    background: linear-gradient(270deg, #7B920A 0%, #ADD100 100%);
    background-size: 200% auto;
    background-position: right center;
    color: #fafafa;
}