@import url("css/base.css");
@import url("css/search.css");
@import url("css/filters.css");
@import url("css/votes.css");
@import url("css/song.css");
@import url("css/filters-panel.css");
@import url("css/popup.css");
@import url("css/pagination.css");
@import url("css/bonus-stamps.css");

#msmp-inline-socials {
  display: flex;
  flex-direction: row; /* 👈 important */
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem auto;
  flex-wrap: wrap;
}

.msmp-social-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.msmp-social-icon-link img {
  width: 32px;
  height: 32px;
}

@media (max-width: 480px) {
  .msmp-social-icon-link img {
    width: 48px;
    height: 48px;
  }
}