#right-sidebar {
  min-width: 17.25rem;
  margin-top: 32px;

  aside {
    margin-bottom: 3.5rem;
  }

  @media (max-width: 1400px) {
    min-width: 12rem;
  }

  @media (max-width: 1024px) {
    aside {
      margin-bottom: 0;
    }
  }
}

.block-lang {
  padding: 1rem 1rem 1.5rem;
  background-color: #eaf2f5;
  border-radius: 0.5rem;
  margin-bottom: 3.5rem;

  .lang-title {
    font-family: "Archivo Black";
    font-size: 18px;
    line-height: 1.33;
    color: #584f4a;
    margin-bottom: 1.5rem;
  }

  .lang-options {
    display: flex;
    flex-wrap: wrap;
    gap: 1.125rem 1.5rem;

    list-style: none;
    padding: 0 0.5rem;
    margin: 0;

    a {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 0.5rem;

      font-family: "Roboto";
      font-size: 18px;
      line-height: 1.78;
      color: #222222;

      &.active {
        font-weight: bold;
      }

      &:hover,
      &:active {
        text-decoration: underline;
      }
    }
  }

  @media (max-width: 1024px) {
    margin-top: 2rem;

    .lang-options {
      max-width: none;
      justify-content: space-between;
    }
  }
}

@media (max-width: 1024px) {
  #right-sidebar aside.block-lang {
    margin-bottom: 2rem;
  }
}