* {
  margin: 0%;
  padding: 0%; }

.button_login {
  opacity: 0.8;
  width: 70%;
  margin: auto;
  margin-top: 50px;
  box-shadow: -2px 4px 26px 9px #97A0FF;
  position: relative;
  max-height: 100%; }
  @media (max-width: 992px) {
    .button_login {
      width: 70%;
      margin: auto;
      margin-top: 50px; } }
  .button_login img {
    width: 100%; }
  .button_login #id02 {
    position: absolute;
    top: 40%;
    left: 10%;
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: auto; }
    .button_login #id02 .imgpe1 img {
      height: 80%;
      margin-left: 30px;
      border: 2px solid blue;
      border-radius: 50%;
      box-shadow: -2px 4px 21px 6px rgba(0, 55, 255, 0.73); }
      @media (max-width: 992px) {
        .button_login #id02 .imgpe1 img {
          height: 65%;
          margin-left: 0px; } }
    .button_login #id02 .imgpe1 label {
      position: relative;
      bottom: 93%;
      left: 120px;
      font-size: 40px;
      font-weight: bold;
      color: red; }
      @media (max-width: 992px) {
        .button_login #id02 .imgpe1 label {
          left: 5px;
          font-size: 22px;
          font-weight: bolder;
          bottom: 120px; } }
    .button_login #id02 .imgpe2 img {
      height: 80%;
      border-radius: 60%;
      margin-left: 80px;
      border: 2px solid red;
      box-shadow: -2px 4px 21px 6px rgba(0, 55, 255, 0.73); }
      @media (max-width: 992px) {
        .button_login #id02 .imgpe2 img {
          height: 65%;
          margin-left: 25px; } }
    .button_login #id02 .imgpe2 label {
      position: relative;
      bottom: 93%;
      left: 230px;
      font-size: 40px;
      font-weight: bold;
      color: blue; }
      @media (max-width: 992px) {
        .button_login #id02 .imgpe2 label {
          left: 55px;
          font-size: 22px;
          font-weight: bolder;
          bottom: 121px; } }

/*# sourceMappingURL=Xstyle.css.map */