解决移动端设备hover样式不消失问题

下面是一段scss示例：

.btn-text {
  border: 1px solid #cfd5de;
  transition: all 0.3s;
  
  @media (hover: hover) {
    &:hover {
      color: #006eff;
      border-color: #006eff;
    }
  }
  &:active {
    color: #006eff;
    border-color: #006eff;
  }
}

1、使用@media媒体查询，支持hover事件的设备才会生效
2、解决焦点和活动状态问题，移动端使用active，PC端使用hover