.quick-icon.sport-icon {
  width: 104px;
  height: 104px;
  flex: 0 0 104px;
  background-image: url('kkbad/image/kk-sport-icons-v1.png');
  background-color: transparent;
  background-size: 300% 100%;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  image-rendering: pixelated;
  margin-bottom: 16px;
}
.sport-icon-booking { background-position: 0 50%; }
.sport-icon-member { background-position: 50% 50%; }
.sport-icon-admin { background-position: 100% 50%; }
.social-media-icon.facebook,
.social-media-icon.line,
.social-media-icon.tiktok {
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  background: transparent url('kkbad/image/kk-social-icons-v1.png') no-repeat;
  background-size: 300% 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  image-rendering: pixelated;
}
.social-media-icon.facebook { background-position: 0 50%; }
.social-media-icon.line { background-position: 50% 50%; }
.social-media-icon.tiktok { background-position: 100% 50%; }
.social-media-icon::before,
.social-media-icon::after { content: none !important; }
@media (max-width: 1100px) {
  .quick-icon.sport-icon { width: 88px; height: 88px; flex-basis: 88px; }
}
@media (max-width: 700px) {
  .quick-icon.sport-icon { width: 80px; height: 80px; flex-basis: 80px; }
}