.team-transfers {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  font-family: "Onest", sans-serif;
  color: #232323;
}

.team-transfers__column {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border-radius: 14px;
  border: 1px solid #f4f4f4;
  background: #fff;
}

.team-transfers__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: #232323;
}

.team-transfers__title-icon {
  display: inline-flex;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.team-transfers__title-icon svg {
  width: 100%;
  height: 100%;
}

.team-transfers__column--in .team-transfers__title-icon {
  color: #34b945;
}

.team-transfers__column--out .team-transfers__title-icon {
  color: #f85c5f;
}

.team-transfers__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.team-transfers__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: 16px;
}

.team-transfers__column--in .team-transfers__card {
  background: #ebf8ec;
}

.team-transfers__column--out .team-transfers__card {
  background: #fee7e7;
}

.team-transfers__player {
  display: flex;
  align-items: center;
  gap: 12px;
}

.team-transfers__avatar {
  display: inline-flex;
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  background: #eef0f3;
}

.team-transfers__avatar-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-transfers__player-info {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.team-transfers__player-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: #232323;
  text-decoration: none;
}

.team-transfers__position {
  font-size: 14px;
  line-height: 1.3;
}

.team-transfers__date {
  flex: 0 0 auto;
  align-self: flex-start;
  font-size: 12px;
  line-height: 1.3;
  color: #7d7d7d;
  white-space: nowrap;
}

.team-transfers__deal {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 32px;
}

.team-transfers__club {
  display: inline-flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

.team-transfers__club-logo {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.team-transfers__club-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.3;
  color: #232323;
  text-decoration: none;
}

a.team-transfers__player-name:hover,
a.team-transfers__club-name:hover {
  color: #9345d8;
}

.team-transfers__club-arrow {
  display: inline-flex;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: #7d7d7d;
}

.team-transfers__club-arrow svg {
  width: 100%;
  height: 100%;
}

.team-transfers__fee {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  white-space: nowrap;
}

.team-transfers__type {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 4px 12px;
  border-radius: 100px;
  border: 1px solid #34b945;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
}

.team-transfers__column--out .team-transfers__type {
  border-color: #f85c5f;
}

@media (max-width: 992px) {
  .team-transfers {
    flex-direction: column;
    align-items: stretch;
  }

  .team-transfers__player-name {
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .team-transfers__column {
    padding: 14px;
  }

  .team-transfers__title {
    font-size: 18px;
  }

  .team-transfers__card {
    padding: 12px;
  }

  .team-transfers__avatar {
    flex-basis: 56px;
    width: 56px;
    height: 56px;
  }

  .team-transfers__player-name {
    font-size: 16px;
  }

  .team-transfers__deal {
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .team-transfers__club {
    flex-basis: 100%;
  }

  .team-transfers__fee {
    margin-left: 0;
    font-size: 16px;
  }

  .team-transfers__type {
    margin-left: auto;
  }
}