.draw-card { max-width: 380px; padding: 24px; border-radius: 20px; background: linear-gradient(145deg, #1f1f1f, #2c2c2c);   color: #fff; font-family: sans-serif; transition: transform 0.3s ease, box-shadow 0.3s ease; } .draw-card:hover { transform: translateY(-5px);   } .card-content h3 { font-size: 20px; margin-bottom: 10px; } .card-content p { font-size: 14px; opacity: 0.8; margin-bottom: 20px; } .btn-primary { width: 100%; padding: 12px; border-radius: 12px; border: none; background: linear-gradient(135deg, #ffffff, #dcdcdc); color: #000; font-weight: bold; cursor: pointer; transition: all 0.3s ease; } .btn-primary:hover { background: #fff; transform: scale(1.03); }