.demo-button-container{width:100%;margin:30px 0;padding:15px;border:1px solid #e1e1e1d7;border-radius:5px;text-align:center}.demo-button,.hover-button,.hover-button-intactive-example,.hover-scale,.pseudo-button,.shake-button{padding:12px 14px;font-size:16px;border-radius:6px;text-align:center;background:Blue;color:#fff;border:none;outline:none;cursor:pointer;overflow:hidden}.demo-button:hover{background:red}.hover-scale{background:linear-gradient(135deg,#00c6ff,#0072ff);box-shadow:0 4px 15px rgba(0,114,255,.3)}.hover-scale:hover{transform:scale(1.1)}.shake-button{background-color:#4caf50;color:white;border-radius:5px;transition:transform .1s}.shake-button:hover{animation:shake .5s ease-in-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(10px)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}.hover-button,.hover-button-intactive-example{background-color:#f1f1f1;color:#333;position:relative;z-index:0}.hover-button-intactive-example:before,.hover-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(18,121,218,.856);transition:.5s;z-index:-1}.hover-button:hover:before{width:100%}.sp-c-hluGOI:has(button:focus){outline:none!important}.parent-element{margin:30px auto;width:200px;padding:10px;border-radius:5px;background:#f7f7f7;border:1px solid #e1e1e1;cursor:pointer}.child-element{width:80%;margin:15px auto;padding:10px;border-radius:5px;background:blue}.parent-element:hover .child-element{background-color:red}.output-container{width:100%;display:flex;margin-top:2rem}.code-container{background:#131212;color:#ffffff;padding:1rem;border-radius:5px 0 0 5px;width:50%;overflow-x:auto}.preview-container{display:flex;align-items:center;border-radius:6px;justify-content:center;width:50%}input[type=range]{-webkit-appearance:none;width:200px;height:6px;background:#ddd;border-radius:3px;outline:none;margin:0;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;background:#1279da;border-radius:50%;cursor:pointer;position:relative}input[type=range]::-moz-range-thumb{height:20px;width:20px;background:#1279da;border-radius:50%;cursor:pointer}.feature-section{font-family:inherit;width:300px;margin:20px auto}.feature-section-image{position:relative;overflow:none;width:100%;height:250px;border-left:.5px solid #fff}.feature-section-image img{width:100%;height:250px;object-fit:cover}.feature-section-content{position:absolute;width:90%;height:90%;background:#7404f5d8;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;opacity:0;transition:all .5s;border:1px solid #fff;border-radius:8px}.feature-section-image:hover .feature-section-content{opacity:1}.feature-section-content .feature-section-product-category{font-size:18px;letter-spacing:1px;color:#fff;font-weight:400;text-transform:uppercase;margin:15px 15px 0}.feature-section-content .feature-section-product-title{font-size:20px;color:#000;font-weight:900;text-transform:uppercase;margin:0 15px 15px;line-height:30px}.feature-section-content .feature-section-btn{width:150px;background:#ffffff;padding:12px;border:none;border-radius:5px;outline:none;cursor:pointer;margin:auto;font-size:16px;font-weight:700;text-transform:capitalize;letter-spacing:1px;transition:all .3s}.feature-section-content .feature-section-btn a{text-decoration:none;color:#000}