.player-follow-card {
  margin: 16px 0 22px;
  padding: 15px 16px;
  border: 1px solid #d8e3ec;
  border-radius: 14px;
  background: #f7fbff;
}

.player-follow-card h2 {
  margin: 0 0 6px;
  color: #173a5e;
  font-size: 1rem;
}

.player-follow-card p {
  margin: 0 0 12px;
  color: #5f6f7f;
  font-size: .86rem;
  line-height: 1.45;
}

.player-follow-button {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 11px;
  padding: 10px 14px;
  background: #173a5e;
  color: #fff;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.player-follow-button:hover {
  background: #102f4d;
}

.player-follow-button:active {
  transform: translateY(1px);
}

.player-follow-button:disabled {
  opacity: .65;
  cursor: wait;
}

.player-follow-button.is-following {
  background: #1f7a4d;
}

.player-follow-status {
  margin-top: 10px;
  color: #667085;
  font-size: .78rem;
  line-height: 1.4;
}

.player-follow-manage {
  display: inline-block;
  margin-top: 8px;
  color: #173a5e;
  font-size: .78rem;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 600px) {
  .player-follow-card {
    margin: 14px 0 18px;
    padding: 14px;
  }

  .player-follow-button {
    min-height: 48px;
    font-size: .95rem;
  }
}