How to display the affiliate link as a button (1)

affiliate_link_button.css

/*アフィリエイト用のボタン*/
.af_button>a{
    margin: .5em .10em .5em 0;
    text-decoration: none;
    display: inline-block;
    padding: .7em 2em;
    border-radius: 3px;
    box-shadow: 0 4px 4px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
    background-color: #ee827c;/*背景の色*/
    color: #fff;/*文字の色*/
    font-weight: bold;/*文字の太さ*/
}
.af_button>a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}
.af_button{
text-align:center;/*中央寄せ*/
}