移行ボタン

CSS

.link_btn{
max-width:240px;
margin:100px auto;
padding:0;
text-align:center;
}

.link_btn span{
width:90%;height:50px;
margin:10px auto;
background:#c0c0c0;
border-radius:50px;
outline: solid 3px #c0c0c0; 
outline-offset: 2px;
margin: 5px; 
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}

.link_btn a:link{color:#000000;text-decoration:none;}
.link_btn a:visited{color:#222222;text-decoration:none;}
.link_btn a:hover{color:#FFFF00;text-decoration:none;}
.link_btn a:active{color:#ff8833;text-decoration:none;}

html

<div class="link_btn">
<span>
<a href="　" target="_blank">○○に移動しました</a>
</span>
</div>