Komunikasi

Kantor Pusat kami

Lembah Informatika Teknologi
Muallimköy Mah. Gebze / Kocaeli

Alamat Email Kami

hello@vocens.com
destek@vocens.com

Hubungi Kami

+90 (850) 123 45 67
Hari kerja: 09:00 - 18:00

/* Formulir Voc - Formulir Kontak (Untuk Ruang Minimal dan Sempit) */ .voc-form-fields-container { tampilan: fleksibel; arah fleksibel: kolom; celah: 0,8rem; /* Spasi telah dikurangi secara signifikan */ latar belakang: transparan; /* Latar belakang dan padding tebal dihilangkan */ perbatasan: tidak ada; bantalan: 0; lebar: 100%; } .voc-form-group { tampilan: fleksibel; arah fleksibel: kolom; celah: 0,3rem; /* Jarak antara tag dan input telah dipersempit */ lebar: 100%; margin-bawah: 0 !penting; } .voc-label { warna: rgba(255, 255, 255, 0.8) !penting; berat font: 600; ukuran font: 13px !penting; /* Ukuran font lebih minimal */ font-family: 'Inter', sans-serif; tampilan: fleksibel; menyelaraskan-item: tengah; celah: 0,2rem; } .voc-diperlukan-tandai { warna: var(--merek-merah, #f7374f) !penting; } .voc-masukan { lebar: 100%; latar belakang: rgba(0, 0, 0, 0.2) !penting; batas: 1px rgba padat(255, 255, 255, 0.1) !penting; warna: #fff !penting; bantalan: 0,7rem 1rem !penting; /*Menipis */ radius batas: 8px !penting; /* Sudut oval lebih minimal */ ukuran font: 14px !penting; font-family: 'Inter', sans-serif; garis besar: tidak ada; transisi: semua kemudahan 0,3 detik; filter latar belakang: blur(5px); } .voc-input::placeholder { warna: rgba(255, 255, 255, 0.3) !penting; } .voc-input:fokus { warna batas: var(--merek-merah, #f7374f) !penting; latar belakang: rgba(0, 0, 0, 0.4) !penting; bayangan kotak: 0 0 0 2px rgba(247, 55, 79, 0.1); } /* Pilih (Menu Pop-up) Pengaturan Kustom */ .voc-pilih { penampilan: tidak ada; gambar-latar belakang: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4% 22%20tinggi%3D%22292.4%22%3E%3Cpath%20isi%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5% 200-9,3%201,8-12,9%205.4A17,6%2017,6%200%200%200%200%2082.2c 0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%2 05,4%2012,8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4- 7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E”) !penting; background-repeat: jangan ulangi !penting; posisi latar belakang: kanan 1rem teratas 50%!penting; ukuran latar belakang: 0,6rem otomatis !penting; } .voc-pilih opsi { latar belakang: #0f172a; warna: #fff; } /* Pengaturan Area Teks */ .voc-textarea { ubah ukuran: vertikal; tinggi minimum: 80 piksel !penting; /* Tinggi badan berkurang drastis */ } /* Desain Kotak Centang KVKK */ .voc-checkbox-wrapper { margin-atas: 0,2rem; } .voc-kotak centang-label { tampilan: fleksibel; menyelaraskan-item: mulai fleksibel; celah: 0,6rem; kursor: penunjuk; warna: rgba(255, 255, 255, 0,7); tinggi garis: 1.4; ukuran font: 12px !penting; /* Teks KVKK telah dikurangi */ } .voc-kotak centang-input { penampilan: tidak ada; lebar minimum: 16 piksel; tinggi: 16 piksel; batas: 1px rgba padat(255, 255, 255, 0.2) !penting; radius batas: 4px !penting; latar belakang: rgba(0, 0, 0, 0.2) !penting; kursor: penunjuk; posisi: relatif; transisi: semua kemudahan 0,2 detik; margin-atas: 1 piksel; } .voc-checkbox-input:dicentang { latar belakang: var(--merek-merah, #f7374f) !penting; warna batas: var(--merek-merah, #f7374f) !penting; } .voc-checkbox-input:diperiksa::setelah { isi: ''; posisi: mutlak; kiri: 4 piksel; bola: 2 piksel; lebar: 4 piksel; tinggi: 8 piksel; perbatasan: putih solid; lebar batas: 0 2px 2px 0; transformasi: putar (45 derajat); } .voc-checkbox-content a { warna: var(--merek-merah, #f7374f) !penting; dekorasi teks: garis bawah; ukuran font: 12px !penting; } /* Tombol Kirim (Minimal) */ .voc-kirim-btn { margin-atas: 0,5rem; latar belakang: var(--merek-merah, #f7374f) !penting; warna: #fff !penting; perbatasan: tidak ada !penting; bantalan: 0,8rem 1,5rem !penting; /*Menipis */ radius batas: 8px !penting; /* Tepi yang kompatibel */ berat font: 600; ukuran font: 14px !penting; font-family: 'Inter', sans-serif; kursor: penunjuk; tampilan: fleksibel; menyelaraskan-item: tengah; justify-content: tengah; celah: 0,5rem; transisi: semua kemudahan 0,3 detik; lebar: 100%; } .voc-submit-btn:hover { latar belakang: #e02040 !penting; transformasi: terjemahkanY(-1px); } /* Memuat Pemintal */ .voc-spinner { tampilan: blok sebaris; lebar: 14 piksel; tinggi: 14 piksel; batas: 2px rgba padat(255.255.255,0.3); radius perbatasan: 50%; warna batas atas: #fff; animasi: vocSpin 1s kemudahan masuk-keluar tak terbatas; } @keyframes vocSpin { ke { transformasi: putar (360 derajat); } }