/*
  Default styling (Elementor Style controls can override everything)
  Classes:
    .bp-course-repeater__add
*/

.bp-course-repeater__add{
  --bp-add-hover-transform: translateY(-1px);
  --bp-add-transition-duration: .2s;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.18);
  background: #fff;

  cursor: pointer;
  transition-property: color, background-color, border-color, transform;
  transition-timing-function: ease-in-out;
  transition-duration: var(--bp-add-transition-duration);
}

.bp-course-repeater__add:hover{
  transform: var(--bp-add-hover-transform);
}

.bp-course-repeater__add--hidden{
  display: none !important;
}

.bp-course-repeater__btn-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition-property: color, fill;
  transition-timing-function: ease-in-out;
  transition-duration: var(--bp-add-transition-duration);
}

.bp-course-repeater__btn-text{
  display: inline-flex;
  transition-property: color;
  transition-timing-function: ease-in-out;
  transition-duration: var(--bp-add-transition-duration);
}

.bp-course-repeater__btn-icon svg{
  transition-property: color, fill;
  transition-timing-function: ease-in-out;
  transition-duration: var(--bp-add-transition-duration);
}