form.upload { width: 100%; height: 100px; position: relative; display: flex; border: 4px dashed #e5ddd1; } form.upload:hover { background-color: #ccc6bd; border: 4px dashed #fff7ea; } form.upload>p { margin: auto; font-weight: bold; color: #eee6d9; } form.upload:hover>p { color: #fff7ea; } form.upload>input { width: 100%; height: 100%; position: absolute; opacity: 0; } form.upload:hover>input { cursor: pointer; }