:root { --sublist-circle-bg: #0ea5e9; --sublist-svg-color: #ffffff; } .sublist-01 { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 8px 0; margin-bottom: 16px; background: transparent; border: 0 !important; border-radius: 0; box-shadow: none; font-weight: 400 !important; text-decoration: none !important; text-align: center; transition: font-weight .2s ease; } .sublist-01:hover { font-weight: 600 !important; background: transparent; border-color: transparent; box-shadow: none; transform: none; text-decoration: none !important; } .sublist-02 { width: 56px; height: 56px; border-radius: 9999px; background: var(--sublist-circle-bg, #0ea5e9); display: grid; place-items: center; line-height: 0; padding: 0; border: 0 !important; box-shadow: none; } .sublist-icon { width: 26px; height: 26px; display: block; filter: brightness(0) invert(1); } .sublist-02 svg { width: 26px; height: 26px; display: block; fill: var(--sublist-svg-color, #ffffff); stroke: var(--sublist-svg-color, #ffffff); } .sublist-label { margin: 0; padding-top: 0; color: #0f172a; font-size: 16px; letter-spacing: .2px; font-weight: 400 !important; text-decoration: none; } .sublist-01 center { display: block; text-align: inherit; } .sublist-01 a, .sublist-01 a:link, .sublist-01 a:visited, .sublist-01 a:hover, .sublist-01 a:focus, .sublist-01 a:active { text-decoration: none !important; color: inherit !important; } .sublist-01:hover .sublist-label, .sublist-01:hover .sublist-label *, .sublist-01:hover a, .sublist-01:hover a * { font-weight: 600 !important; text-decoration: none !important; }.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 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%; } @container (max-width: 420px) { .ezpath .ez.slide .button button { font-size: 0 !important; padding: 10px !important; width: 50px !important; } .ezpath .ez.slide .button 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; } }