<div style="overflow: visible;">
<p class="uploader-demo-crazy">
<input type="hidden" role="uploadcare-uploader" data-clearable="" />
</p>
</div>
body {
margin: 16px;
}
p {
margin: 8px 0;
}
code {
font-family: monospace;
}
.uploader-demo-crazy .uploadcare--widget__button_type_open {
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
padding: 1px 14px;
background-color: #e22092;
background: linear-gradient(#e85eac, #e02a91);
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
transition: transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s;
}
.uploader-demo-crazy .uploadcare--widget__button_type_open:hover {
background: linear-gradient(#e14296, #d71876);
transform: scale(1.05);
transform: scale(1.05);
transform: scale(1.05);
}
.uploader-demo-crazy .uploadcare--widget__dragndrop-area {
line-height: 3.4;
margin-top: -1.8em;
}
This Pen doesn't use any external CSS resources.