.propose-packs-modal {
  .list-of-packs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    .pack {
      border-width: 3px;
      border-style: solid;
      border-radius: 10px 3px;
      border-color: var(--secondary);
      padding: 5px 15px;
      width: 264px;
      margin: 5px 10px;
      text-align: center;

      &::before {
        content: '\f466';
        font-family: 'Font Awesome 5 Free';
        font-weight: 800;
        font-size: 30px;
        vertical-align: middle;
        line-height: 38px;
        display: block;
      }

      .duration {
        margin-right: 1em;
      }

      .amount {
        font-weight: bold;
      }
      .crossed-out-price {
        display: block;
        text-decoration: line-through;
      }

      .validity {
        display: block;
        font-style: italic;
      }

      .buy-button {
        margin-top: 10px;
        margin-bottom: 5px;

      }
    }
  }
}
