/* Gaming landing project-card action layout.
 * The canonical K2040 .text-link treatment owns idle, hover, and focus states.
 */

.project-card .card-footer {
  justify-content: flex-end;
}

.project-card-destinations {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .45rem;
}

.project-card-open {
  margin-left: auto;
}

.project-card-destination {
  position: relative;
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  justify-content: center;
  padding: .45rem;
}

.project-card-destination .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;
}

.project-card-destination .external-platform-icon {
  width: var(--k2040-icon-size, 1.5rem);
  height: var(--k2040-icon-size, 1.5rem);
  flex-basis: var(--k2040-icon-size, 1.5rem);
}

@media (max-width: 520px) {
  .project-card .card-footer {
    gap: .55rem;
  }

  .project-card-open {
    padding: .45rem .65rem;
  }
}