/* Hide the default file input */
.custom-file-input
{
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
}
/* Style the custom button */
.custom-file-label
{
display: inline-block;
background-color: #007bff;
color: white;
padding: 8px 16px;
font-size: 14px;
border-radius: 5px;
cursor: pointer;
border: none;
transition: background 0.3s;
}
/* Hover effect */
.custom-file-label:hover
{
background-color: #0056b3;
}
/* Display the selected filename */
#selected-file-name
{
margin-left: 10px;
font-size: 14px;
}
No file chosen
