.calendar-booking-link-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.calendar-booking-link-status {
  flex: 1 0 100%;
  margin: 0;
  text-align: right;
  font-size: 12px;
}

.calendar-booking-link-status[data-state="success"] {
  color: #14804a;
}

.calendar-booking-link-status[data-state="error"] {
  color: #b42318;
}

@media (max-width: 640px) {
  .calendar-booking-link-actions {
    width: 100%;
    justify-content: stretch;
  }

  .calendar-booking-link-actions .button {
    flex: 1 1 calc(50% - 10px);
    justify-content: center;
  }
}