.file-upload-wrapper{
  margin-top:22px;
}

.file-upload-container{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.file-name{
  font-style:normal;
  font-size:14px;
  color:#666666;
  font-family:'Lato',sans-serif;
  font-weight:600;
}

.product-form__input .form__label{
  display:block;
  margin-bottom:12px;
  font-size:16px;
  font-weight:800;
  color:#1c9dd9;
  font-family:'Lato',sans-serif;
}

.upload-help{
  margin-top:10px;
  font-size:13px;
  line-height:1.6;
  color:#666666;
  font-family:'Lato',sans-serif;
}

.upload-note{
  margin-top:8px;
  font-size:13px;
  line-height:1.6;
  color:#1c9dd9;
  font-family:'Lato',sans-serif;
  font-weight:700;
}

.upload-trust{
  margin-top:8px;
  font-size:13px;
  line-height:1.6;
  color:#777777;
  font-family:'Lato',sans-serif;
}

#button-upload-front-image,
#button-upload-back-image,
.ep365-upload-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#1c9dd9;
  color:#ffffff;
  text-decoration:none;
  padding:16px 38px;
  font-size:18px;
  font-weight:800;
  border:none;
  cursor:pointer;
  transition:.25s ease;
  font-family:'Lato',sans-serif;
  line-height:1;
  border-radius:0;
  min-width:190px;
}

#button-upload-front-image:hover,
#button-upload-back-image:hover,
.ep365-upload-button:hover{
  background:#ffd107;
  color:#ffffff;
  transform:translateY(-2px);
}

#fileName-upload-front-image,
#fileName-upload-back-image,
.ep365-artwork-upload-field .file-name{
  background:#f5f5f5;
  padding:14px 18px;
  border:1px solid #e5e5e5;
  min-width:220px;
  font-size:14px;
  border-radius:0;
  transition:.25s ease;
  font-family:'Lato',sans-serif;
  word-break:break-word;
}

.file-success{
  background:#e8fff1 !important;
  border:1px solid #31c36c !important;
  color:#1f8f4a !important;
}

.error-message{
  font-size:14px;
  font-weight:700;
  color:#e7077d !important;
  margin-top:10px;
}

.ep365-artwork-upload-field.has-error .file-name{
  border-color:#e7077d;
  background:#fff4f9;
}

@media screen and (max-width:768px){
  .file-upload-container{
    flex-direction:column;
    align-items:flex-start;
  }

  #button-upload-front-image,
  #button-upload-back-image,
  .ep365-upload-button{
    width:100%;
    padding:14px 28px;
    font-size:15px;
  }

  #fileName-upload-front-image,
  #fileName-upload-back-image,
  .ep365-artwork-upload-field .file-name{
    width:100%;
    box-sizing:border-box;
    min-width:0;
  }
}