.copy-me{
    display: none;
}
.kd-copy-notice.copied {
-webkit-transform: translate(0,20px);
-ms-transform: translate(0,20px);
transform: translate(0,20px);
opacity: 1;
}
.copy{
    cursor: pointer;
    text-transform: lowercase;		    
}
.copy p{
    margin: 0px !important;
}
.kd-notice-button {
border-left: 1px solid #e0e0e0;
margin-left: 15px;
}
.kd-notice-button .kd-notice-close {
margin: 0 0 0;
padding: 27px 33px 27px 29px;
font-weight: 700;
color: #f9f9f9;
text-transform: uppercase;
-webkit-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
cursor: pointer;
}
.kd-notice-text {
margin-left: 15px;
}
.kd-notice-icon {
display: inline-block;
font-size: 3rem;
color: #C1E1C1;
}
.kd-notice-button, .kd-notice-icon, .kd-notice-text {
display: inline-block;
vertical-align: middle;
}
.kd-notice-icon i {
font-size: 75px;
}
.kd-notice-button {
border-left: 1px solid #e0e0e0;
margin-left: 15px;
}
.kd-notice-text p {
font-size: .9rem;
line-height: 1.8;
color: #fff;
}
.kd-notice-text h4 {
font-size: 1.4rem;
color: #C1E1C1;
margin-bottom: 3px;
}
.kd-copy-notice.copied {
-webkit-transform: translate(0,20px);
-ms-transform: translate(0,20px);
transform: translate(0,20px);
opacity: 1 !important;
}
.kd-copy-notice {
position: fixed;
z-index: 200;
top: 70px;
left: 0;
right: 0;
max-width: 560px;
margin: auto;
opacity: 0;
-webkit-transform: translate(0,-150px);
-ms-transform: translate(0,-150px);
transform: translate(0,-150px);
-webkit-transition: .35s ease-out 0s,opacity .25s ease-out .2s;
-o-transition: .35s ease-out 0s,opacity .25s ease-out .2s;
transition: .35s ease-out 0s,opacity .25s ease-out .2s;
}

.kd-copy-notice .kd-notice-wrapper {
background-color: #2c3d4b;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
background-clip: padding-box;
padding: 25px 0 25px 25px;
display: flex;
justify-content: center;
align-items: center;
}