Schnell. Einfach. Passend.
/* === COVETO FILTER PREMIUM STYLE === */ .coveto_jobs_filter { display: flex; justify-content: center; background: transparent; padding: 0; margin-bottom: 30px; } .coveto_jobs_filter .form { display: flex; align-items: center; background: #ffffff; border-radius: 50px; padding: 8px; max-width: 850px; width: 100%; box-shadow: 0 15px 40px rgba(0,0,0,0.4); gap: 10px; } /* FILTER INPUTS */ .coveto_jobs_filter input, .coveto_jobs_filter select, .coveto_jobs_filter .selectize-input { border: none !important; outline: none !important; padding: 12px; font-size: 15px; flex: 1; background: transparent; color: #333; } /* PLACEHOLDER */ .coveto_jobs_filter input::placeholder { color: #9ca3af; } /* DIVIDER */ .coveto_jobs_filter input:not(:last-child), .coveto_jobs_filter select:not(:last-child) { border-right: 1px solid #e5e7eb !important; } /* FILTER BUTTON */ .coveto_jobs_filter button, .coveto_jobs_filter input[type="submit"] { background: linear-gradient(90deg, #00c6ff, #007BFF); border: none; border-radius: 40px; padding: 12px 20px; color: #fff; font-weight: 600; cursor: pointer; } .coveto_jobs_filter button:hover { box-shadow: 0 8px 25px rgba(0,198,255,0.5); } /* FOCUS */ .coveto_jobs_filter .form:focus-within { box-shadow: 0 0 0 2px rgba(0,198,255,0.4), 0 15px 40px rgba(0,0,0,0.5); } /* === JOB CARDS === */ .coveto_job { margin-bottom: 15px; background: rgba(255,255,255,0.04); border-radius: 16px; padding: 20px; transition: 0.2s; } .coveto_job:hover { transform: translateY(-4px); box-shadow: 0 0 20px rgba(0,198,255,0.15); } /* TEXT FIX */ .coveto_job *, .coveto_jobs_filter * { color: #ffffff !important; } /* === RESPONSIVE === */ @media (max-width: 700px) { .job-search-bar-premium, .coveto_jobs_filter .form { flex-direction: column; border-radius: 20px; padding: 15px; gap: 10px; } .divider { display: none; } .job-search-bar-premium button, .coveto_jobs_filter button { width: 100%; } }