есть такие две кнопки, куда именно я должен написать ссылку, чтобы по нажатию на кнопку переходило по ссылке?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:700);
html, body{background : #FBC02D; font-family : Roboto; height: 100%; width: 100%; margin: 0;}
#holder{
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
background: white;
padding: 10px;
width: 250px;
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-65%);
box-shadow: 0px 3px 8px rgba(0,0,0,0.25);
border-radius: 2px;
}
.button {
background: #3D4C53;
margin : 20px auto;
width : 200px;
height : 50px;
overflow: hidden;
text-align : center;
transition : .2s;
cursor : pointer;
border-radius: 3px;
box-shadow: 0px 1px 2px rgba(0,0,0,.2);
}
.btnTwo {
position : relative;
width : 200px;
height : 100px;
margin-top: -100px;
padding-top: 2px;
background : #26A69A;
left : -250px;
transition : .3s;
}
.btnText {
color : white;
transition : .3s;
}
.btnText2 {
margin-top : 63px;
margin-right : -130px;
color : #FFF;
}
.button:hover .btnTwo{ /*When hovering over .button change .btnTwo*/
left: -130px;
}
.button:hover .btnText{ /*When hovering over .button change .btnText*/
margin-left : 65px;
}
.button:active { /*Clicked and held*/
box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
}
</style>
<div id="holder">
<div class="button">
<p class="btnText">READY?</p>
<div class="btnTwo">
<p class="btnText2">GO!</p>
</div>
</div>
<div class="button">
<p class="btnText">CANCEL</p>
<div class="btnTwo">
<p class="btnText2">X</p>
</div>
</div>
</div>
</body>
</html>