/* Donation Form Container */ .donation-form { background: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); max-width: 400px; margin: auto; } /* Form Heading */ .donation-form h3 { text-align: center; margin-bottom: 20px; color: #145E69; font-size: 18px; font-weight: bold; } /* Headings (Labels) with Red Required Star */ .donation-form label { font-size: 15px; font-weight: 600; color: #333; display: block; margin-bottom: 6px; position: relative; } .donation-form label::after { content: " *"; color: red; font-weight: bold; } /* Input Fields (Box Size) */ .donation-form input { width: 100%; padding: 15px 30px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; box-sizing: border-box; } /* Donate Button Styling */ .wpcf7-submit { background-color: #145E69 !important; color: #ffffff !important; border: none !important; border-radius: 6px !important; padding: 12px 0 !important; font-weight: bold !important; font-size: 16px !important; cursor: pointer !important; width: 100%; transition: 0.3s ease; } /* Hover Effect for Donate Button */ .wpcf7-submit:hover { background-color: #0e4750 !important; }

My blog

Blog