ul.basic-siblings { list-style-type: disc; } div.basic-siblings { border : 1px solid #AAAAAA; background : #FFFFFF; padding : 20px 40px 20px 40px; } h2.basic-siblings { padding-bottom : 10px !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; } }