@charset "utf-8";

/* =========================================================
   呼び出しアプリ専用スタイル (appli.css)
   共通レイアウト・タイトル・枠線・ガイドラインは common.css に集約済み
   ========================================================= */

.center-link {
  text-align: center;
  margin: 2.5rem 0 1.5rem;
}

.url-color {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.1rem 2.5rem;
  background: linear-gradient(135deg, #FFA502 0%, #FF6B4A 100%);
  color: #FFFFFF !important;
  font-weight: 900;
  font-size: 1.25rem;
  border-radius: 35px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 8px 25px rgba(255, 165, 2, 0.5);
  transition: all var(--trans-spring);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}

.url-color:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 14px 35px rgba(255, 165, 2, 0.7);
  filter: brightness(1.08);
}

@media screen and (max-width: 680px) {
  .url-color {
    font-size: 1.05rem;
    padding: 0.9rem 1.8rem;
  }
}