我已经设置了一个带CSS / HTML的按钮样式，如何让按钮单击重定向到另一个页面？

Question

CSS：

.button {
            background-color: #fdf7b8;
            border: none;
            color:black;
            padding: 15px 50px;
            text-align: center;
            font-family: Palatino, serif;
            display:inline-block;
            font-size: 32px;
            margin: 6px 4px;
            cursor: pointer;
            border-radius: 2px;
            display: block;
            margin: 0 auto;
            transition-duration: 0.4s;

}


.button1:hover {
 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

HTML：

<button class="button button1">Our Vision</button><br>
<button class="button button1">Downloads</button><br>
<button class="button button1">About Us</button><br>

我是否可以保留样式并将按钮发送到URL onclick？有没有办法只使用HTML / CSS而不使用JavaScript？

感谢您的帮助！