在Web开发中，css按钮式超链接是常见的组件之一。通过样式设置，实现了超链接的样式效果与按钮的交互性，能够提高页面的可视性和可用性。

a.button {display: inline-block;padding: 0.5rem 1rem;font-size: 1rem;font-weight: 400;line-height: 1.5;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;user-select: none;background-color: #007bff;border: 1px solid #007bff;color: #fff;border-radius: 0.25rem;text-decoration: none;}a.button:hover {background-color: #0069d9;border-color: #0062cc;}a.button:focus,a.button:active {background-color: #0062cc;border-color: #005cbf;box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);outline: none;}

以上是一个样式设置的例子，它包括了按钮超链接的基本样式属性，比如按钮背景、边框、颜色、字体大小等。同时，还定义了鼠标悬浮、聚焦和按下按钮时效果的样式，使按钮超链接的交互效果更加丰富。

使用时，只需要将超链接的class设置为button，即可将其样式变成按钮式的超链接。如下：

<a href="" >按钮超链接</a>

在实际开发中，还可以根据需求进行修改和优化，比如增加按钮的颜色、大小、形状等。通过不断调试和优化，可以得到一个更符合需求和设计的按钮超链接效果。