.interactive-button{position:relative;border:none;border-radius:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:all0.3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;transform:translateY(0);box-shadow:04px6px -1px #0000001a,02px4px -1px #0000000f}.interactive-button--small{padding:8px16px;font-size:14px;min-height:36px}.interactive-button--medium{padding:12px24px;font-size:16px;min-height:44px}.interactive-button--large{padding:16px32px;font-size:18px;min-height:52px}.interactive-button--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.interactive-button--secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.interactive-button--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.interactive-button--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.interactive-button--hovered:not(.interactive-button--disabled){transform:translateY(-2px);box-shadow:010px15px -3px #0000001a,04px6px -2px #0000000d}.interactive-button--pressed:not(.interactive-button--disabled){transform:translateY(1px);box-shadow:02px4px -1px #0000000f,01px2px -1px #00000008}.interactive-button--disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.interactive-button__content{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.interactive-button__icon{transition:transform0.2s ease;font-weight:700}.interactive-button--hovered .interactive-button__icon{transform:translate(2px)}.interactive-button__backdrop{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left0.5s ease;z-index:1}.interactive-button--hovered .interactive-button__backdrop{left:100%}.interactive-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.interactive-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width0.3s ease,height0.3s ease}.interactive-button--pressed:before{width:100px;height:100px}@media (max-width:768px){.interactive-button--large{padding:14px28px;font-size:16px;min-height:48px}.interactive-button--medium{padding:10px20px;font-size:15px;min-height:40px}}.app{text-align:center;padding:2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea0%,#764ba2100%);min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}