.forminator-iyzico-payment-btn { display: inline-block; padding: 12px 24px; background-color: #1ABC9C; color: #ffffff; border: none; border-radius: 4px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-align: center; min-width: 200px; } .forminator-iyzico-payment-btn:hover { background-color: #16A085; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .forminator-iyzico-payment-btn:active { transform: translateY(0); } .forminator-iyzico-payment-btn:disabled { background-color: #95A5A6; cursor: not-allowed; transform: none; } .forminator-iyzico-checkout { margin-top: 15px; } .forminator-iyzico-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .forminator-iyzico-modal.active { opacity: 1; visibility: visible; } .forminator-iyzico-modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); cursor: pointer; } .forminator-iyzico-modal-content { position: relative; background-color: #ffffff; border-radius: 8px; max-width: 600px; width: 90%; max-height: 90vh; overflow-y: auto; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); transform: translateY(-20px); transition: transform 0.3s ease; } .forminator-iyzico-modal.active .forminator-iyzico-modal-content { transform: translateY(0); } .forminator-iyzico-modal-close { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; background-color: transparent; border: none; font-size: 28px; line-height: 1; color: #333; cursor: pointer; z-index: 10; transition: color 0.3s ease; } .forminator-iyzico-modal-close:hover { color: #E74C3C; } .forminator-iyzico-modal-body { padding: 20px; } .forminator-iyzico-modal-body iframe { width: 100%; min-height: 600px; border: none; } .forminator-loading { display: inline-block; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: #fff; animation: forminator-spin 0.6s linear infinite; vertical-align: middle; margin-right: 8px; } @keyframes forminator-spin { to { transform: rotate(360deg); } } @media (max-width: 768px) { .forminator-iyzico-modal-content { width: 95%; max-height: 95vh; } .forminator-iyzico-payment-btn { width: 100%; min-width: auto; } } .forminator-field .forminator-iyzico-input { display: none; } .forminator-iyzico-error { color: #E74C3C; font-size: 14px; margin-top: 8px; display: block; } .forminator-iyzico-success { color: #27AE60; font-size: 14px; margin-top: 8px; display: block; } .forminator-iyzico-branding { text-align: center; margin-top: 15px; opacity: 0.7; } .forminator-iyzico-branding img { max-width: 100px; height: auto; }