element-call-Github/src/CopyButton.module.css
2021-12-03 13:17:44 -08:00

44 lines
735 B
CSS

.copyButton {
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
cursor: pointer;
border: 2px solid #0dbd8b;
border-radius: 8px;
color: #0dbd8b;
width: 100%;
height: 40px;
transition: border-color 250ms, background-color 250ms;
padding: 0 20px;
}
.copyButton span {
font-weight: 600;
font-size: 15px;
margin-right: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex: 1;
}
.copyButton svg {
flex-shrink: 0;
}
.copyButton:not(.copied) svg * {
fill: #0dbd8b;
}
.copyButton.copied {
border-color: transparent;
background-color: #0dbd8b;
color: white;
}
.copyButton.copied svg * {
stroke: white;
}