.pdd { max-width: 520px; margin: 24px auto; padding: 20px; border: 2px solid #d3d6da; border-radius: 8px; }
.pdd-data { margin: 0 0 14px; font-weight: 700; text-align: center; }
.pdd-pista { margin: 10px 0; }
.pdd-pista button {
  width: 100%; padding: 12px; border: 0; border-radius: 4px; cursor: pointer;
  background: #6aaa64; color: #fff; font-size: 16px; font-weight: 700;
}
.pdd-pista button:disabled { background: #d3d6da; color: #1a1a1b; cursor: default; }
.pdd-pista p { margin: 8px 0 0; text-align: center; font-size: 17px; }
.pdd-solucio { display: block; font-size: 34px; letter-spacing: 6px; margin-top: 6px; }
.pdd-llista { list-style: none; padding: 0; max-width: 520px; }
.pdd-llista li { display: flex; justify-content: space-between; border-bottom: 1px solid #d3d6da; padding: 8px 0; }
.pdd-llista span::first-letter { text-transform: uppercase; }
.pdd-boto {
  display: inline-block; background: #6aaa64; color: #fff !important; padding: 12px 22px;
  border-radius: 4px; font-weight: 700; text-decoration: none;
}