HamSter

.path {
  stroke-dasharray: 500;
  animation: dash 5s linear infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}

.elementor-1248 .elementor-element.elementor-element-11b64d7 > .elementor-widget-container { margin: 0px -030px 0px -030px; }

<form>
  <div class="form-group">
    <input type="text" name="name" class="form-control" placeholder="Your Name">
  </div>
  
  <button type="submit"><span>Submit</span></button>
</form>

* {
  box-sizing: border-box;
}

.form-group {
  position: relative;
  background: #fff;  
}

.form-control {
  width: 100%;
  height: 2.5rem;
  background: transparent;
  border: none;
}

button {
  border:none;
  background: transparent;
  position: relative;
  padding: 1rem 2rem;
}

button span {
  position: relative;
  z-index: 3;
}

button:after,
.form-group:after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  background: linear-gradient(0deg, rgb(255, 174, 0) 0px, rgb(249, 232, 102) 100%);
  
  z-index: -1;
  -webkit-animation: animatedgradient 1s ease alternate infinite;
          animation: animatedgradient 1s ease alternate infinite;
  
  background-size: 100% 200%;
  background-position: 0 100%;
}


@-webkit-keyframes animatedgradient {
  100% {
      background-position: 0 0;
  }
}


@keyframes animatedgradient {
  100% {
    background-position: 0 0;
  }
}

::-webkit-input-placeholder {
...
}
:-moz-placeholder { 
...  
}
::-moz-placeholder { 
...
}
:-ms-input-placeholder { 
...
}

var $file = $('.form__input-file');
    

$file.on('change', function(event){
  
  var $this = $(this),
      $label = $this.next('label'),
      $labelText = $label.find('span'),
      labelDefault = $labelText.text();
  
  var fileName = $this.val().split( '\\' ).pop();
  if( fileName ){
    $labelText.text(fileName);
  }else{
    $labelText.text(labelDefault);
  }
});

let ul = $('.upper ul:nth-of-type(2)');
$('.bottom').append(ul);