.elementor-image-choices-label { background: white; } .darkify-elementor-switches { display: grid; gap: 0.75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } .darkify-elementor-switches-item input { clip: rect(0, 0, 0, 0); border-width: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .darkify-elementor-switches-item label { align-items: center; background-color:#fff; border: 3px solid #587075; border-radius: 0.5rem; cursor: pointer; display: flex; gap: 0.5rem; height: 100%; inset: 0; justify-content: center; padding: 0.75rem; width: 100%; } .darkify-elementor-switches-item:first-child { border-color: #1a74e4; } .darkify-elementor-switches-item input:checked + label { border-color: #1a74e4 !important; position: relative; } .darkify-elementor-switches-item input:checked + label::before { position: absolute; top: 5px; left: 4px; text-align: center; font-size: 14px; font-family: "eicons"; content: "\e90d"; width: 16px; height: 16px; line-height: 14px; color: #1a74e4; transition: opacity 0.2s; border-radius: 50%; } .darkify-elementor-switches-item { position: relative; } .darkify-elementor-switches-item:nth-child(n + 6) { pointer-events: none; opacity: 0.8; } .darkify-elementor-switches-item:nth-child(n + 6)::after { position: absolute; content: "PRO"; top: 0; right: 0; padding: 4px; background-color: #587075; color:#fff; font-size: 10px; border-top-right-radius: 7px; border-bottom-left-radius: 3px; }