/* ============================================
   Block: App Store Links
   ============================================ */

.block-app-links {
  & .badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm);
  }

  & .badge {
    display: inline-flex;
    line-height: 0;
    border-radius: 8px;
    transition: opacity var(--transition-speed) ease, transform var(--transition-speed) ease;
  }

  & .badge:hover {
    opacity: 0.85;
    transform: translateY(-2px);
  }

  & .badge img {
    display: block;
    height: 44px;
    width: auto;
  }

  &.align-center .badges {
    justify-content: center;
  }

  &.align-right .badges {
    justify-content: flex-end;
  }

  &.pt-sm { padding-top: var(--space-sm); }
  &.pt-md { padding-top: var(--space-md); }
  &.pt-lg { padding-top: var(--space-lg); }
  &.pt-xl { padding-top: var(--space-xl); }

  &.pb-sm { padding-bottom: var(--space-sm); }
  &.pb-md { padding-bottom: var(--space-md); }
  &.pb-lg { padding-bottom: var(--space-lg); }
  &.pb-xl { padding-bottom: var(--space-xl); }
}