// 按钮样式
@use '../mixins/mixins.scss' as *;

@include b('u-btn') {
  // 去除原生button样式
  &-clear {
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
    color: inherit;
    border: none;
    &::after {
      border: none;
    }
  }

  // 按钮点击时的效果
  &-hover {
    opacity: 0.8;
    box-shadow: inset 10rpx 2rpx 40rpx 0rpx rgba(0, 0, 0, 0.05);
  }
}