/* Full-width link, no underline */ .bubbles-link{display:block;width:100%;max-width:100%;text-decoration:none;color:inherit} /* Outer wrapper */ .bubbles-outer{padding:5px;max-width:100%} /* Chip (base state like your screenshot) */ .bubbles-chip{ position:relative;display:block;width:100%;max-width:100%;box-sizing:border-box; padding:10px 44px !important; /* room for icons */ background:#1e63d8;border:1px solid #1e63d8 !important; color:#fff;border-radius:10px;font-size:16px;line-height:1.3;font-weight:500;overflow:hidden; transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease; } /* Left white triangle */ .bubbles-chip::before{ content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%); width:0;height:0;border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent; } /* Right white chevron */ .bubbles-chip::after{ content:"";position:absolute;right:16px;top:50%; width:10px;height:10px;transform:translateY(-50%) rotate(45deg); border-top:3px solid #fff;border-right:3px solid #fff;border-radius:1px; } /* ===== Hover/focus: darker blue + bold + underlined text ===== */ .bubbles-link:hover .bubbles-chip, .bubbles-link:focus-visible .bubbles-chip{ background:#1557c0;border-color:#1557c0; font-weight:700; text-decoration:underline; /* underline only the text */ text-decoration-color:#fff; text-underline-offset:3px; text-decoration-thickness:2px; }.ezpath { padding : 80px 40px; } .ezpath .ez.slide.n1 { display : flex !important; align-items : stretch !important; } .ezpath .ez.slide { gap : 10px !important; border-radius : 0px !important; border-bottom : 4px solid #ffd400 !important; padding : 10px !important; background : #FFFFFFCC !important; } .ezpath .ez.slide .input, .ezpath .ez.slide button { height : 50px !important; } .ezpath .ez.slide textarea { color : #000000 !important; border-radius : 0px !important; border : none !important; padding-top : 16px !important; background : transparent !important; } .ezpath .ez.slide .button button { background : #ffd400 !important; color : #000000 !important; border-radius : 0px !important; border : none !important; padding : 10px 20px 10px 20px !important; } .ezpath .field.field-question { width : 100%; }/* Card container */ div.basic-siblings{ background:#fff;border:1px solid #e5e7eb;border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.08);padding:18px 18px 20px;max-width:360px; } /* Title: blue full-width bar, semibold */ h2.basic-siblings{ --bar-thick:4px; --bar-offset:2px; margin:0 0 16px; position:relative; padding-bottom:12px; font-size:22px; line-height:1.2; font-weight:600; color:#374151; text-decoration:none; } h2.basic-siblings::before{ content:""; position:absolute; left:0; right:0; bottom:var(--bar-offset); height:var(--bar-thick); background:#1CA1D7; border-radius:4px; z-index:0; } /* List */ ul.basic-siblings{list-style:none;margin:0;padding:8px 0 0;} ul.basic-siblings li{margin:12px 0;} ul.basic-siblings li a{ /* Make the icon sit on the FIRST line */ display:flex; align-items:flex-start; gap:12px; padding:12px 16px; border-radius:10px; text-decoration:none; background:transparent; border:1px solid transparent; color:#4b5563; font-weight:500; font-size:18px; transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease; } /* Icon: blue by default, white on hover; aligned to the first line */ ul.basic-siblings li a::before{ content:""; flex:0 0 18px; width:18px; height:18px; margin-top:2px; background-repeat:no-repeat; background-size:18px 18px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%230f2a5e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 8h2m-2 4h2m0 4H7m0-8v4h4V8H7zM5 20h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z'/%3E%3C/svg%3E"); } ul.basic-siblings li a:hover::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 8h2m-2 4h2m0 4H7m0-8v4h4V8H7zM5 20h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z'/%3E%3C/svg%3E"); } /* Hover ? blue fill (text turns white) */ ul.basic-siblings li a:hover{ background:#1CA1D7; color:#fff; border-color:#1CA1D7; box-shadow:0 4px 14px rgba(15,42,94,.20); } /* Focus ring */ ul.basic-siblings li a:focus-visible{outline:2px solid #2fd27b; outline-offset:2px;}