.archive {
  padding: 0px 12px; }
  .archive .issues-options {
    border-bottom: 1px solid var(--color-base-light-gray); }
    .archive .issues-options .my-dropdown {
      padding: 8px 3.5rem 8px 12px;
      display: inline-block;
      border: none;
      outline: 1px solid var(--color-base-light-gray);
      border-radius: var(--button-radius);
      color: var(--color-base-black);
      background-color: transparent;
      appearance: none;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
      background-position: calc(100% - 10px);
      background-size: 18px;
      background-repeat: no-repeat; }
      .archive .issues-options .my-dropdown option {
        background: var(--color-bg-primary); }
      @media (max-width: 575px) {
        .archive .issues-options .my-dropdown {
          margin-bottom: 10px;
          width: 100%; } }
    .archive .issues-options .archive-filter-button {
      line-height: 1.2rem;
      padding: 6px 16px; }
      @media (max-width: 575px) {
        .archive .issues-options .archive-filter-button {
          width: 100%; } }
  .archive .issues-list .issue-item {
    margin-bottom: 40px; }
    @media (max-width: 575px) {
      .archive .issues-list .issue-item {
        margin-bottom: 15px; } }
    .archive .issues-list .issue-item img {
      width: 290px;
      max-width: 100%;
      display: inline-block;
      margin: 0 auto; }
  .archive .subscribe-variants {
    margin-top: 30px; }