main.mod_home_member {

   #divBtnPayment {

    table {
      border-collapse: separate;
      border-spacing: 0 0.75rem;
      margin: 2rem auto;
      width:  fit-content;

      td {
        padding: 0.125rem 1rem;
        img { height: 2rem; }
      }

      td.btn {
        border-radius: 10px;
        border-style: solid;
        border-width: 2px;
        border-color: var(--baseDecoration);
      }

    }

    p { width: 100%; text-align: center;}

  }

  #pMemberAlias {
    margin:     0.5rem auto 1rem auto;
    font-size:  1rem;
    text-align: center;
  }

  #pPleaseAddDetails {
    border-radius:  0.5rem;
    border-style:   solid;
    border-width:   1px;
    margin:         1rem auto;
    padding:        0.5rem 1.0rem;

    font-size:  1.2rem;
    text-align: center;

    border-color: var(--baseDecoration);
  }

  > div {
    margin: 4rem auto 0 auto;
    width: 80%;

    h2 { margin-top: 2rem; margin-bottom: 1rem;}
  }

  #divReadingHistory li { margin-left: 0.5rem; margin-right: 0.5rem; }

}


@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 479px) {

  main.mod_home_member {
    #divBtnPayment { flex-direction: column; gap: 2rem; }
  }

}