/*************          Butons   *******************/
  .btns {
    position: relative;
    display: inline-block;
  /*  padding: 10px 20px; */
    color: white; 
    border: none;
    cursor: pointer;
    overflow: hidden; 
  }

  .btns::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width 0.5s ease; 
    z-index: 100; 
  }

  .btns:hover::after {
    width: 100%;
  }

   .btns:hover { color: yellow; }

.btns
{
    -webkit-box-shadow: inset 2.5px 6.5px 32px -6.5px #dddddd;
    -moz-box-shadow: inset 2.5px 6.5px 32px -6.5px #dddddd;
    box-shadow: inset 2.5px 6.5px 32px -6.5px #dddddd;
    background-color:#3A7A78;
    background-color:black;
    color:white;
}

.btns::after ,
.btns,
.ShadowIn { box-shadow: rgba(177, 229, 179, 0.8) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }

.chgPassBtn { min-width:100%; height:7vh }

.btn2chgPseudo,
.btn2chgPass,
.btn2mailOflogin, 
.btn2passOflogin { min-width:100%; height:7vh }

.btn2chgPseudo,
.btn2chgPass { margin-top:3vh }
.btn2mailOflogin,
.btn2passOflogin { margin-top:2vh }