@import "~@capillarytech/cap-ui-library/styles/_variables";

.cap-whatsapp-carousel-button {
  border: solid 0.063rem $CAP_G06;
  padding: $CAP_SPACE_24;
  border-radius: 0.285rem;
  margin-top: $CAP_SPACE_12;
  .button-type-heading {
    margin-bottom: $CAP_SPACE_12;
  }
  .carousel-button-phone-number {
    .form-control {
      width: 100%;
    }
  }
  .text-box-container {
    margin-top: $CAP_SPACE_16;
  }
  #whatsapp-carousel-button-url-type {
    width: 90%;
  }
  .whatsapp-carousel-save-edit-btn {
    margin-top: $CAP_SPACE_24;
  }
  .whatsapp-carousel-delete-button {
    margin-left: $CAP_SPACE_12;
  }
}

.cap-whatsapp-saved-carousel-button {
  width: 100%;
  margin-left: 0;
  margin-top: $CAP_SPACE_12;
  .whatsapp-carousel-delete-icon-btn {
    padding: 0;
    margin: 0;
    height: auto;
  }
}