/* app/web/user/css/user-follow.css */

.follow-btn {
  min-width: 96px;
  height: 38px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: #00aeec;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    opacity 0.18s ease;
}

.follow-btn:hover {
  background: #00a1d6;
}

.follow-btn.is-following {
  background: #f1f2f3;
  color: #61666d;
}

.follow-btn.is-following:hover {
  background: #e3e5e7;
  color: #18191c;
}

.follow-btn.is-loading,
.follow-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.follow-btn.is-self {
  display: none !important;
}