.event-booking-error-tip {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  padding: 6px 16px 6px 6px;
  gap: 16px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid var(--Error-300, #fda29b);
  background: var(--Error-25, #fffbfa);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: var(--Error-700, #b42318);
  font-size: 14px;
  font-weight: 600;

  .error-icon-wrapper {
    position: relative;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;

    &::before {
      content: '';
      position: absolute;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      border: 2px solid var(--Error-600, #d92d20);
      opacity: 0.1;
    }

    &::after {
      content: '';
      position: absolute;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: 2px solid var(--Error-600, #d92d20);
      opacity: 0.3;
    }

    .icon-warning {
      position: relative;
      z-index: 1;
      font-size: 20px;
      color: #ff4d4f;
    }
  }
}