*Il faut mettre la classe .formulaire sur le form
/*formulaires design */
.formulaire input::-webkit-file-upload-button{
display:none;
}
.formulaire .elementor-upload-field {
background-color: #2E2E2E!important;
width:100%;
}
.formulaire input[type=file]{
display: block;
color: #FFF;
border-radius: 5px;
padding: 15px;
line-height: 70px!important;
}
.formulaire input[type=’file’]::before {
position: absolute;
background: #8CB63C;
top:0!important;
right: 30px;
height: 70px;
padding: 0 30px!important;
display: flex!important;
align-items: center;
content: ‘ Choisir un fichier’ ;
white-space: nowrap;
user-select: none;
cursor: pointer;
color: rgb(255, 255, 255);
font-weight: 800;
font-size: 18px;
font-family: Archivo, sans-serif;
outline: none;
text-transform: uppercase;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.formulaire input[type=’file’]:hover::before{
background: #3B3E45;
}
@media only screen and (max-width: 1366px){
.formulaire input[type=’file’]::before {
padding: 0 15px!important;
font-size: 16px;
content: ‘Téléverser’;
}
}
@media only screen and (max-width: 1024px){
.formulaire input[type=’file’]::before {
content: ‘Téléverser’;
}
}
@media only screen and (max-width: 767px){
.formulaire input[type=file] {
line-height: 15px!important;
height: 50px;
}
.formulaire input[type=’file’]::before{
height: 50px;
}
}