/**
 * 删除、清空按钮
 */
@mixin remove-icon(
  $bg-color: $bm-image-picker-btn-remove-bg-color,
  $color: $bm-image-picker-btn-remove-color
) {
  & {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 6px;
    right: 6px;
    z-index: 2;
    width: 28px;
    height: 28px;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    background-color: $bg-color;
    opacity: 0.8;
    box-sizing: border-box;
  }

  &::before,
  &::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 16px;
    height: 1px;
    border-radius: 1px;
    background: $color;
  }

  &::before {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
  }

  &::after {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  }
}