MediaWiki:Gadget-ezcopy.css

.rsw-ezcopy-container {
  display: inline-block;
  font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif;
  margin-left: 0.25em;
  user-select: none;
}

/* ooui like buttons */
.rsw-ezcopy-container .rsw-ezcopy-button {
  display: inline-block;
  height: 2em;
  width: 4em;
  vertical-align: middle;
  text-align: center;
  font-size: 0.4em;
  background: var(--ooui-normal);
  border: 1px solid var(--ooui-normal-border);
  font-weight: normal;
  cursor: pointer;
  line-height: 1em;
  transition: background-color 100ms;
}

.rsw-ezcopy-container .rsw-ezcopy-button + .rsw-ezcopy-button {
  border-left: 0;
}

.rsw-ezcopy-container .rsw-ezcopy-button:first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.rsw-ezcopy-container .rsw-ezcopy-button:last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.rsw-ezcopy-container .rsw-ezcopy-button:hover {
  background: var(--ooui-normal--hover);
}

.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-icon {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-label {
  display: inline-block;
  vertical-align: middle;
}

.rsw-ezcopy-container .rsw-ezcopy-button.rsw-ezcopy-copied {
  animation-name: rswezcopyclick;
  animation-duration: 1s;
  animation-timing-function:linear;
  animation-iteration-count: 1;
}

@keyframes rswezcopyclick {
  from {background: white; border-color:white;}
  20% {background:green; border-color:darkgreen;}
  to {}
}