/* ログアウト導線トップページ用プライマリボタン(Figma: guest/button)
 * タイポグラフィは htdocs/lite/css/guest/typography.css のトークンを参照する(guest/button/sp) */
.guest-primary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 300px;
  padding: 16px 24px;
  border: none;
  border-radius: 100px;
  background: var(--guest-color-button-default);
  color: var(--guest-color-text-white);
  font-family: var(--guest-font-family);
  font-size: var(--guest-font-size-base);
  font-weight: var(--guest-font-weight-bold);
  line-height: var(--guest-line-height-none);
  text-align: center;
  word-break: break-word;
  cursor: pointer;
}

.guest-primary-button:hover,
.guest-primary-button:active {
  background: linear-gradient(168deg, var(--color-orange-500) 7.1429%, var(--color-orange-300) 92.857%);
}

@media (min-width: 1080px) {
  .guest-primary-button {
    max-width: 400px;
    height: 50px;
    padding: 0 24px;
    font-size: var(--guest-font-size-lg);
    /* Figma: PCのみ whitespace-nowrap */
    white-space: nowrap;
  }
}