.newsletter-center .widget {
  position: relative;
  width: 300px;
  height: 50px;
  margin-bottom: 50px;
      font-size: 0.85em;
    line-height: 1.4em;}
  .newsletter-center .widget input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #000;
    outline: none;
    background: none;
    padding: 10px;
    border-radius: 2px;}
  .newsletter-center .widget:last-child {
    margin-bottom: 0; }
  .newsletter-center .widget span {
    position: absolute;
    top: 14px;
    left: 20px;
    transition: 0.6s;
}
  .newsletter-center .widget input:focus ~ span, .newsletter-center .widget input:valid ~ span {
    transform: translateX(-13px) translateY(-35px);
    font-size: 1em; }
  .newsletter-center .widget [type="button"] {
    width: 50%;
    background: dodgerblue;
    color: #fff;
    border: #fff; }
  .newsletter-center .widget:hover [type="button"] {
    background: linear-gradient(45deg, greenyellow, dodgerblue); }
    
   .newsletter-center .widget label {
    position: relative;
    top: 3rem;
    left: 0.5rem;
}
.newsletter-center span.mandatory {
    display: none;
}
.newsletter-center button {
    background-color: #fff;
    border: 2px solid #C0868A;
    padding: 8px;
}