<div>
  <p class="uploader-normal-button">
    <input type="hidden" role="uploadcare-uploader" />
  </p>
  <p class="uploader-green-button">
    <input type="hidden" role="uploadcare-uploader" />
  </p>
  <p class="uploader-yellow-button">
    <input type="hidden" role="uploadcare-uploader" />
  </p>
</div>
body {
  margin: 16px;
}

p {
  margin: 8px 0;
}

code {
  font-family: monospace;
}

.uploader-green-button .uploadcare--widget__button_type_open {
  background-color: #16d061;
}
.uploader-green-button .uploadcare--widget__button_type_open:hover {
  background-color: #15c25a;
}
.uploader-yellow-button .uploadcare--widget__button_type_open {
  background-color: #fbc701;
}
.uploader-yellow-button .uploadcare--widget__button_type_open:hover {
  background-color: #edc218;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js
  2. https://ucarecdn.com/libs/widget/3.x/uploadcare.min.js