#reactionArea{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:25px;

margin-top:40px;

}

.reaction-card{

background:#1e293b;

padding:25px;

border-radius:15px;

border:2px solid #334155;

transition:.3s;

}

.reaction-card:hover{

transform:translateY(-8px);

box-shadow:0 0 25px cyan;

}

.reaction-card h2{

color:#00e5ff;

margin-bottom:10px;

}

.reaction-card h3{

font-size:20px;

margin:15px 0;

color:#fff;

}

.reaction-card p{

color:#ddd;

margin:8px 0;

line-height:1.6;

}

.reaction-card button{

margin-top:20px;

padding:12px 25px;

background:#00e5ff;

border:none;

border-radius:8px;

font-weight:bold;

cursor:pointer;

transition:.3s;

}

.reaction-card button:hover{

transform:scale(1.05);

}