.nomorpasangan-container {
     border: 1px solid #d2d2d2;
     padding: 10px;
}

.nomorpasangan {
     font-weight: bold;
     text-shadow: 2px 2px 4px #a7a7a7;
}

.nomorpasangan-container .discount-icon {
     position: absolute;
     z-index: 2;
     top: 0px;
     right: 0px;
}

.nomorpasangan-container .price {
     font-size: 18px;
     font-weight: bold;
     font-family: 'Open Sans', sans-serif;
     text-shadow:none;
}
.nomorpasangan-container .discount {
     font-size: 13px;
     color: red;
     text-decoration: line-through;
     font-family: 'Open Sans', sans-serif;
     text-shadow:none;
}
.nomorpasangan-container .harganonmember {
     font-size: 13px;
     color: #0079e8;
     font-family: 'Open Sans', sans-serif;
     text-shadow:none;
}

.nomorpasangan-container .tombol-pesan {
     color: white;
     display: block;
     padding: 10px;
     text-align: center;
     background: #2f7dc2;
     border: none;
     width:100%;
     font-size: 13px;
     font-family: 'Open Sans', sans-serif;
     margin: 10px 0px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     border-radius: 5px;
}

.nomorpasangan-container .tombol-pesan:hover {
     cursor: pointer;
     background: #015896;
}

.nomorpasangan-container  .lihatdetail a {
     color:#fff;
     display: block;
     padding: 10px;
     text-align: center;
     background: #333;
     font-size: 13px;
     font-family: 'Open Sans', sans-serif;
     margin: 0px;
     border-radius: 5px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.nomorpasangan-container .lihatdetail a:hover {background: black;}

.nomorpasangan-container .price-container {
     color: #349cb8;
}

@media (max-width: 740px){

     .nomorpasangan-container div {
          text-align: center;
     }
     .nomorpasangan-container .price-container {
          border-top: 1px solid #d9d9d9;
          border-bottom: 1px solid #d9d9d9;
          padding: 10px 0px;
          margin: 10px 0px;
     }
}
@media (min-width: 741px){
     .nomorpasangan-container .price-container {
          display: grid;
          justify-content: flex-end;
          align-items: center;
     }

     .nomorpasangan-container .nomorpasangan {
          display: grid;
          justify-content:flex-start;
          align-items: center;
          font-size: 20px;
     }
     .nomorpasangan-container {
          grid-template-columns: 3fr 1fr 2fr;
          grid-gap:10px;
     }
}