.actionButtons {
  cursor: pointer;
  :global {
    .Button--button[class*='bp3-button'].Button--variation-icon {
      height: 30px;
      width: 30px !important;
      border-radius: 50%;
      min-width: unset;
      min-height: unset;
    }
    svg {
      margin: 8px 8px;
    }
  }
}

.withBg {
  :global {
    .Button--button[class*='bp3-button'].Button--variation-icon {
      background-color: var(--grey-100) !important;
      border: 1px solid var(--grey-300) !important;
      box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16) !important;
    }
  }
}

.hover-red {
  :global {
    .Button--variation-icon {
      :hover {
        color: var(--red-500) !important;
      }
    }
  }
}

.hover-green {
  :global {
    .Button--variation-icon {
      :hover {
        color: var(--green-400) !important;
      }
    }
  }
}

.cloneButton {
  svg {
    color: var(--primary-6);
  }
}
