/* External platform icons only. K2040 family icons are owned by the shared chrome. */
:root {
  --k2040-icon-size: 1.5rem;
}

.external-platform-link {
  gap: .5rem;
}

.external-platform-icon {
  display: inline-flex;
  width: var(--k2040-icon-size);
  height: var(--k2040-icon-size);
  flex: 0 0 var(--k2040-icon-size);
  align-items: center;
  justify-content: center;
  color: currentColor;
}

.external-platform-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.external-platform-label {
  min-width: 0;
}

@media (max-width: 760px) {
  .external-platform-link--icon-only-mobile {
    position: relative;
    width: 44px;
    min-width: 44px;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
    gap: 0;
  }

  .external-platform-link--icon-only-mobile .external-platform-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}