.bubbles-link{ display:block;width:100%;max-width:100%;text-decoration:none;color:inherit } /* Outer wrapper */ .bubbles-outer{ padding:5px;max-width:100% } /* Chip */ .bubbles-chip{ position:relative; display:flex; align-items:center; width:100%;max-width:100%;box-sizing:border-box; padding:10px 44px; background:#1e63d8;border:1px solid #1e63d8; 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; min-height: calc(2.6em + 20px); } .bubbles-chip-text{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } /* 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 ===== */ .bubbles-link:hover .bubbles-chip, .bubbles-link:focus-visible .bubbles-chip{ background:#1557c0;border-color:#1557c0; text-decoration:underline; text-decoration-color:#fff; text-underline-offset:3px; text-decoration-thickness:2px; }.ezpath { padding: 80px 40px; container-type: inline-size; } .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 { background: #ffd400 !important; color: #000000 !important; border-radius: 0px !important; border: none !important; padding: 10px 20px !important; } .ezpath .field.field-question { width: 100%; } @container (max-width: 420px) { .ezpath .ez.slide .field.button-submit button { font-size: 0 !important; padding: 10px !important; width: 50px !important; } .ezpath .ez.slide .field.button-submit button::before { content: ""; display: inline-block; width: 24px; height: 24px; background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 15L21 21M10 17C6.134 17 3 13.866 3 10C3 6.134 6.134 3 10 3C13.866 3 17 6.134 17 10C17 13.866 13.866 17 10 17Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; background-size: contain; } }:root{ --title-underline-color:#E67605; --list-item-hover-background-color:#29568B; } div.basic-siblings{ background:#FFFFFF; border:1px solid #29568B; border-radius:0; box-shadow:0 6px 16px rgba(41,86,139,.15); padding:18px 18px 20px; width:100%;max-width:100%;box-sizing:border-box;overflow:hidden; } h2.basic-siblings{ margin:0; font-size:22px; line-height:1.2; font-weight:600; color:#29568B; } .basic-title-rule{ height:4px; background:var(--title-underline-color); margin:8px 0 10px; } ul.basic-siblings{list-style:none;margin:0;padding:0;} ul.basic-siblings li{margin:10px 0;} ul.basic-siblings li a{ display:flex; align-items:flex-start; gap:12px; padding:12px 16px; border-radius:0; text-decoration:none; background:transparent; border:1px solid transparent; color:#29568B; font-weight:600; font-size:18px; transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease; } ul.basic-siblings li a::before{ content:""; flex:0 0 18px; width:18px; height:18px; margin-top:2px; background-color:currentColor; -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1H1v18h18V1H3zm14 2v14H3V3h14zm4 18H5v2h18V5h-2v16zM15 5H5v2h10V5zM5 9h10v2H5V9zm7 4H5v2h7v-2z' fill='%23000'/%3E%3C/svg%3E"); -webkit-mask-repeat:no-repeat; -webkit-mask-size:18px 18px; -webkit-mask-position:center; mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1H1v18h18V1H3zm14 2v14H3V3h14zm4 18H5v2h18V5h-2v16zM15 5H5v2h10V5zM5 9h10v2H5V9zm7 4H5v2h7v-2z' fill='%23000'/%3E%3C/svg%3E"); mask-repeat:no-repeat; mask-size:18px 18px; mask-position:center; } ul.basic-siblings li a:hover{ background:var(--list-item-hover-background-color); color:#FFFFFF; border-color:#29568B; box-shadow:0 6px 16px rgba(41,86,139,.25); transform:translateY(-1px); } ul.basic-siblings li a:focus-visible{ outline:3px solid #E67605; outline-offset:2px; border-radius:0; } @media (max-width:480px){ ul.basic-siblings li a{font-size:16.5px;padding:11px 14px;} }