.eacf7-repeater {
  border: 2px dashed #ccc;
  padding: 20px;
  margin: 10px 0;

  .eacf7-repeater-item {
    &:nth-child(n+2) {
      +.eacf7-repeater-controls{
        margin-top: -40px;
      }
    }
    .eacf7-repeater-delete-control {
      display: flex;
      justify-content: flex-end;

      button {
        background: #00a0d2;
        color: #fff;
        font-weight: 700;
        font-size: 15px;
        border: 1px solid #00a0d2;
        padding: 8px 24px;
        border-radius: 50px;
        transition: all .3s ease-in-out;

        &.eacf7-repeater-item-remove {
          border-color: #ff4f42;
          background: #ff4f42;
          display: none;
          &.active{
            display: block;
          }

          &:hover {
            background: transparent;
            color: #ff4f42;
          }
        }
      }
    }
  }

  .eacf7-repeater-controls {
    display: flex;
    justify-content: space-between;
    //margin-top: -33px;

    button {
      background: #00a0d2;
      color: #fff;
      font-weight: 700;
      font-size: 15px;
      border: 1px solid #00a0d2;
      padding: 8px 24px;
      border-radius: 50px;
      transition: all .3s ease-in-out;

      &:hover {
        background: transparent;
        color: #00a0d2;
      }
    }
  }
}