.card-list { display: flex; flex-direction: column; gap: 32px; } .card-columns { display: flex; gap: 32px; justify-content: center; } .card-item { background: #fff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.07); padding: 32px 24px; flex: 1 1 0; min-width: 260px; max-width: 400px; display: flex; flex-direction: column; justify-content: space-between; transition: box-shadow 0.2s; } .card-item:hover { box-shadow: 0 4px 24px rgba(0,0,0,0.12); } .card-title { font-family: 'Montserrat', Arial, sans-serif; font-size: 2rem; font-style: italic; font-weight: 700; color: #001871; margin-bottom: 16px; } .card-text { color: #757575; font-size: 1.1rem; margin-bottom: 24px; } .card-link .wp-block-button__link { background: #ff9900; color: #111 !important; font-weight: 700; border-radius: 8px; padding: 10px 24px; font-size: 1rem; text-decoration: none; transition: background 0.2s, color 0.2s; box-shadow: 0 1px 4px rgba(0,0,0,0.06); } .card-link .wp-block-button__link:hover { background: #e67c00; color: #fff !important; } @media (max-width: 900px) { .card-columns { flex-direction: column; gap: 24px; } .card-item { max-width: 100%; } }