:root{
  --loria-green:#0a8f6a;
  --loria-red:#c40000;
}
.loria-ai-demo{display:flex;align-items:center;justify-content: center; gap:14px;flex-wrap:wrap}
.loria-ai-btn{
  appearance:none;border:0;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  padding:16px 30px;border-radius:999px;
  background:var(--loria-green);color:#fff;
  font-weight:800;font-size:20px;letter-spacing:.2px;line-height:1;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.loria-ai-btn:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.loria-ai-btn:active{transform:translateY(0);filter:brightness(.98)}
.loria-ai-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}
.loria-ai-x{
  width:50px;height:50px;border-radius:999px;
  border:0;cursor:pointer;background:var(--loria-red);color:#fff;
  font-weight:900;font-size:20px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.loria-ai-x:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.loria-ai-x:active{transform:translateY(0);filter:brightness(.98)}
.loria-ai-x[disabled]{opacity:.6;cursor:not-allowed;transform:none}

.loria-ai-status{
  flex-basis:100%;
  font-size:14px;
  opacity:.75;
  margin-top:6px;
  min-height:18px;
  text-align: center;
  display: block; 
}

@media (max-width: 600px){
  .loria-ai-btn{font-size:20px;padding:14px 28px}
  .loria-ai-x{width:56px;height:56px;font-size:26px}
}