Sindbad~EG File Manager

.contato-nome, .contato-email, .contato-texto {
   padding-top: 5%;
   padding-left: 8%;
   border: none;
   width: 168%;
   padding-bottom: 5%;
   &:focus {
     box-shadow: 0 0 0 $input-btn-focus-width rgba($cyan,0.5);
   }
   &::placeholder {
     color: $grey3;
   }
 }

@media screen and (max-width:450px) {
  .contato-nome, .contato-email, .contato-texto {
    padding-top: 5%;
    padding-left: 8%;
    border: none;
    width: 168%;
    padding-bottom: 5%;
  }
}

 .form-control-contato, .form-control-contato:focus {
   background-color: $white2;
 }

 .page-contato {
   .img-contato::before {
       content: "";
       background: #F0F1F6;
       width: 105%;
       height: 95%;
       position: absolute;
       top: 2rem;
       z-index: -1;
       right: -3%;
       left: -25%;

        @include media-breakpoint-down(md) {
          width: 25.8rem;
          height: 95%;
        } 
   }
}

.form-center {
    width: 24rem;
   p {
      @include media-breakpoint-down(lg) {   
      margin-right: 8%;
      }
   }
}

@media screen and (max-width:450px) {
  .form-center {
    width: 12rem;
  }
}

.insere-dados {
  text-align: center!important;
  width:30rem; 
}

@media screen and (max-width:450px) {
  .insere-dados {
    width: 18rem;
  }
}

.obrigatorio {
   margin-left: 33rem;
   margin-right: -5rem;
   margin-top: -1rem;
   @include media-breakpoint-down(lg) {
   margin-left:0rem;
   }
}

.btn-primary-contato {
   margin-left: 17rem;
   background: #5D8AC1;
   box-shadow: 0px 3px 6px #808080;
   width: 8rem;
   height: 3rem;
   @include media-breakpoint-down(lg) {
   margin-left: 8rem;
   }
 }
 
 .btn-contato, .wp-block-button__link{
   color: $white;
   box-shadow: $bottom-shadow;
   border: none;
   &:hover {
     text-decoration: none;
     box-shadow: $bottom-shadow-hover;
   }
 }

.panel-contato {
  height: 100%;
  background: transparent;
}