要实现响应式按钮样式，可以使用CSS中的媒体查询和伪类来设置不同屏幕尺寸下的样式。
首先，可以为按钮设置基本样式，如背景色、边框、圆角等。然后，使用媒体查询来针对不同屏幕尺寸设置不同的样式。例如：
/* 基本样式 */
.btn {
background-color: #007bff;
border: none;
border-radius: 4px;
color: #fff;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
/* 在小屏幕下修改样式 */
@media screen and (max-width: 600px) {
.btn {
padding: 8px 16px;
font-size: 14px;
}
}
/* 鼠标悬停时修改样式 */
.btn:hover {
background-color: #0069d9;
color: #fff;
}在上面的例子中，当屏幕宽度小于600px时，按钮的padding和font-size会被修改。另外，为了增加按钮的交互性，我们还设置了鼠标悬停时的样式。
需要注意的是，如果按钮是用作链接的，需要将样式应用到a标签上。另外，如果需要在不同屏幕尺寸下使用不同的图标或文字，可以使用伪类来实现。