Decoder2704/python-chatbot-jay

1.prompt-card {2  display: flex;3  align-items: flex-start;4  gap: 0.75rem;5  width: 100%;6  padding: 1rem 1.1rem;7  text-align: left;8  font: inherit;9  font-size: 0.9375rem;10  font-weight: 600;11  line-height: 1.45;12  color: #1e293b;13  background: #ffffff;14  border: 1px solid rgba(15, 23, 42, 0.08);15  border-radius: 14px;16  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);17  cursor: pointer;18  transition:19    border-color var(--duration-normal) var(--ease-standard),20    box-shadow var(--duration-normal) var(--ease-out),21    transform var(--duration-normal) var(--ease-out),22    background var(--duration-normal) var(--ease-standard);23}24 25.prompt-card:hover:not(:disabled) {26  border-color: rgba(99, 102, 241, 0.45);27  box-shadow: 0 6px 22px rgba(99, 102, 241, 0.14);28  transform: translateY(-2px);29  background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%);30}31 32.prompt-card:active:not(:disabled) {33  transform: translateY(0);34  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.12);35  transition-duration: var(--duration-fast);36}37 38.prompt-card:focus-visible {39  outline: none;40  border-color: rgba(99, 102, 241, 0.55);41  box-shadow: var(--focus-ring), 0 6px 22px rgba(99, 102, 241, 0.12);42}43 44.prompt-card:disabled {45  opacity: 0.55;46  cursor: not-allowed;47}48 49.prompt-card__icon {50  flex-shrink: 0;51  display: flex;52  align-items: center;53  justify-content: center;54  width: 2rem;55  height: 2rem;56  font-size: 0.85rem;57  color: #6366f1;58  background: linear-gradient(145deg, rgba(99, 102, 241, 0.14) 0%, rgba(124, 58, 237, 0.1) 100%);59  border-radius: 10px;60  transition:61    transform var(--duration-normal) var(--ease-spring),62    background var(--duration-normal) var(--ease-standard);63}64 65.prompt-card:hover:not(:disabled) .prompt-card__icon {66  transform: scale(1.05);67  background: linear-gradient(145deg, rgba(99, 102, 241, 0.2) 0%, rgba(124, 58, 237, 0.14) 100%);68}69 70.prompt-card__text {71  flex: 1;72}73