.CopyButton{z-index:1;background:0 0;border:none;width:40px;height:40px;margin-right:12px;position:relative;overflow:visible}.CopyButton:hover{cursor:pointer}.CopyButton:hover:before{background-color:#008de41a;border-radius:10px;width:90%;height:90%}.CopyButton:hover:after{opacity:1}.CopyButton:before{content:"";z-index:-1;background-color:#0000;width:0;height:0;transition:all .3s cubic-bezier(0,.16,.6,1.3);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CopyButton:after{content:"";z-index:-1;opacity:.5;background-image:url(/images/copy.svg);background-repeat:no-repeat;background-size:contain;width:16px;height:16px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CopyButton__Message{z-index:10;-webkit-user-select:none;user-select:none;visibility:hidden;opacity:0;background-color:#fff;border-radius:10px;width:max-content;padding:4px 10px;transition:all .3s cubic-bezier(0,.16,.6,1.3);position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 1px 5px #0000004d}.CopyButton__Message.active{visibility:visible;opacity:1;top:-34px}.CopyButton__Message:after{content:"";border:5px solid #0000;border-top:8px solid #cdcdcd;border-bottom-width:0;width:0;height:0;display:block;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}