.sublist-01 { padding : 10px; } .sublist-02 { border : 2px solid #ffd931 !important; background : #FFFFFF; padding : 20px; border-radius : 100px; width : 100px; height : 100px; box-shadow : 4px 6px 12px rgba(0, 0, 0, 0.3); transition : 0.5s; } .sublist-02:hover { background : #FFFFEE; transition : 0.5s; } .sublist-icon { width : 50px; height : 50px; } .sublist-label { color : navy; font-weight : normal; color : blue; padding-top : 10px; }.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; } }