.m-icon-picker {

  .icon-picker {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #F5F6F7;
    border: 1px dashed #C1C9D7;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    overflow: hidden;

    &.hasImg {
      background: #FFFFFF;
      border: 1px solid #D2D9E5;

      .btn-del-wrap {
        display: none;
        align-items: center;
        justify-content: center;
        background: rgba(35, 47, 70, 0.5);
        border: 1px solid #D2D9E5;
        position: absolute;
        top: -1px;
        left: -1px;
        bottom: -1px;
        right: -1px;
      }

      &:hover {
        .btn-del-wrap {
          display: flex;
        }
      }
    }

    img {
      max-height: 100%;
      max-width: 100%;
    }

  }
}