.woocommerce_variation {
  .wpcvi-title {
    clear: left;
    padding-top: 20px;
  }

  .wpcvi-images {
    margin-left: -8px;
    margin-right: -8px;

    &:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }

    li {
      float: left;
      margin: 8px;

      &.sortable-placeholder {
        border: 2px dashed #ccc;
        width: 48px;
        height: 48px;
      }

      .wpcvi-image-thumb {
        position: relative;
        display: block;
        width: 48px;
        height: 48px;
        cursor: move;

        img {
          height: auto;
          width: 100%;
        }

        .wpcvi-image-remove {
          &:before {
            content: "\f335";
            font-family: 'Dashicons';
            position: absolute;
            top: -7px;
            right: -7px;
            color: #999999;
            border: 1px solid;
            background: #fff;
            border-radius: 50%;
            text-align: center;
            line-height: 15px;
            font-size: 15px;
            font-weight: 400;
            -webkit-font-smoothing: antialiased;
          }

          &:hover {
            &:before {
              color: #ff0000;
            }
          }
        }
      }
    }
  }
}