/**
 * ============================================================================
 * SHOW MORE ARTICLES RESPONSIVE - BUTTON ADAPTATIONS
 * ============================================================================
 * Scales button to full width on mobile devices.
 * ============================================================================
 */

/* LARGE DESKTOP */
@media (min-width: 1440px) {
  .show-more-articles {
    padding: 40px 0;
  }

  .show-more-articles__btn {
    padding: 16px 40px;
    font-size: 17px;
    gap: 12px;
  }

  .show-more-articles__icon {
    width: 22px;
    height: 22px;
  }

  .show-more-articles__message {
    font-size: 18px;
    padding: 24px;
  }
}

@media (max-width: 768px) {
  .show-more-articles {
    padding: 24px 0;
  }

  .show-more-articles__btn {
    width: 100%;
    justify-content: center;
    padding: 12px 28px;
    font-size: 14px;
  }

  .show-more-articles__icon {
    width: 18px;
    height: 18px;
  }

  .show-more-articles__message {
    font-size: 15px;
    padding: 18px;
  }
}

@media (max-width: 375px) {
  .show-more-articles {
    padding: 16px 0;
  }

  .show-more-articles__btn {
    padding: 10px 20px;
    font-size: 12px;
    gap: 7px;
  }

  .show-more-articles__icon {
    width: 16px;
    height: 16px;
  }

  .show-more-articles__message {
    font-size: 13px;
    padding: 16px;
  }
}