.wrappet_main{width:100%}.container-share-buttons{max-width:900px;margin:20px auto;padding:20px;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px}.widget-preview{margin-bottom:40px}.container-share-buttons .widget-preview h2,.container-share-buttons .widget-code h2{color:#4285f4;margin:0;margin-bottom:20px}.share-widget-container{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:15px 20px;max-width:500px;margin:0 auto}.code-container textarea{box-sizing:border-box;width:100%;height:265px;padding:15px;font-family:'Courier New',Courier,monospace;font-size:14px;border:1px solid #e0e0e0;border-radius:4px;resize:vertical;background-color:#f9f9f9}.container-share-buttons .copy-button{position:absolute;top:15px;right:15px;background-color:#4285f4;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s;text-transform:none}.copy-button:hover{background-color:#306acb}.container-share-buttons .copy-button:hover,.container-share-buttons .copy-button,.container-share-buttons .copy-button:focus{text-decoration:none}.container-share-buttons .copy-button.copied{background-color:#34a853}.container-share-buttons .copy-button.copied:after{content:'Copied!';position:absolute;top:-25px;right:0;background-color:#34a853;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s}@media (max-width:600px){.share-widget-container{padding:10px 15px}.share-widget{flex-direction:column;align-items:flex-start}.share-buttons{margin-bottom:10px}.code-container{height:300px}}