.container {
  table {
    width: 100%;
    border-collapse: inherit;
    box-shadow: 0 2px 16px #17182f14;
    thead {
      tr {
        th {
          text-align: left;
          background-color: var(--table-head-background);
          color: white;
          padding: 1.2rem 0 1.2rem 0.8rem;
          &:first-child {
            border-top-left-radius: var(--table-border-radius);
          }

          &:last-child {
            border-top-right-radius: var(--table-border-radius);
          }
        }
      }
    }
    tr {
      td {
        padding: 1.2rem 0 1.2rem 0.8rem;
        a {
          text-decoration: underline;
        }
        .secondLine {
          color: red;
        }
        &:last-of-type {
          a {
            padding-left: 0;
            text-decoration: none;
            font-size: 1.6rem;
            font-weight: normal;
          }
        }
      }
      &:nth-child(odd) {
        background-color: var(--table-highlight);
      }
    }

    @include max(mobile) {
      thead {
        display: none;
      }

      tbody {
        tr {
          &:first-child {
            td {
              color: white;
              background-color: var(--table-head-background);
              border-radius: 0;
              .secondLine {
                color: white;
              }
              &:first-child {
                border-top-left-radius: var(--table-border-radius);
                border-top-right-radius: var(--table-border-radius);
              }

              a {
                color: white;
                text-decoration: underline;
              }
            }
          }

          td {
            display: block;
            text-align: left;
            border-bottom: 1px solid #bfd3e5;
            width: 100%;
          }

          &:last-child {
            td {
              border-radius: 0;
              &:last-child {
                border-bottom-right-radius: var(--table-border-radius);
                border-bottom-left-radius: var(--table-border-radius);
                border-bottom: none;
              }
            }
          }
        }
      }
    }
  }
}
