/* 상담의 우선순위가 드러나는 버튼 스타일 */
:root{--button-dark:#173b31;--button-edge:#c6cfc5}
.button,.nav-call,.mobile-bar a,.mobile-bar button,.choices button,.id-box button{
  border-radius:9px;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.button{min-height:52px;padding:15px 21px;letter-spacing:-.3px;font-weight:700;border:1px solid var(--button-edge);box-shadow:0 2px 3px #172c2705}
.button span{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:5px;border-radius:50%;background:#ffffff18;font-size:15px;transition:transform .18s ease}
.primary{color:#fff;border-color:#173c31;background:linear-gradient(135deg,#285b49 0%,#173b31 100%);box-shadow:inset 0 1px 0 #ffffff20,0 4px 8px #172c2712}
.primary:hover{background:linear-gradient(135deg,#326d57,#204a3c);box-shadow:inset 0 1px 0 #ffffff20,0 6px 12px #172c2720}
.secondary{background:linear-gradient(#fff,#f6f7f1);color:#253b31;border-color:#c7d0c4;box-shadow:inset 0 1px 0 #fff,0 2px 4px #172c2708}
.secondary span{background:#e8ede3;color:#375c48}
.secondary:hover{border-color:#7d9a87;background:#fff;box-shadow:0 4px 10px #172c2710}
.button:hover{transform:translateY(-1px)}
.button:hover span{transform:translate(1px,-1px)}
.button:active,.nav-call:active,.choices button:active,.id-box button:active,.mobile-bar a:active,.mobile-bar button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #142b2415}
.nav-call{display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;min-height:42px;background:#fff9;border:1px solid #b9c9ba;font-size:12px;box-shadow:0 2px 4px #172c2706}
.nav-call:hover{background:var(--button-dark);color:#fff;border-color:var(--button-dark)}
.choices{padding:5px;gap:4px;background:#e9ede5;border:1px solid #dce2d6;border-radius:11px}
.choices button{border:1px solid transparent;background:none;box-shadow:none;color:#667460;min-height:43px}
.choices button:hover{background:#ffffff85;color:#244c38}
.choices .selected,.choices .selected:hover{background:#fff;color:#1d4a36;border-color:#d2ddcc;box-shadow:0 2px 5px #172c2710;font-weight:800}
.id-box button{background:#fff8;border:1px solid #c5d2bc;min-height:38px;font-weight:700}
.id-box button:hover{background:#fff;border-color:#7c9a70}
.kakao{background:linear-gradient(#ffe970,#fee33d);border-color:#f0d33b;color:#332e1a;box-shadow:inset 0 1px 0 #fff6,0 4px 8px #132d2320}
.kakao:hover{background:#ffea64;border-color:#efcf2c}
.services article>a{transition:color .18s ease}
.services article>a:hover,.map-link:hover,.text-button:hover{color:#367a56}
@media(max-width:700px){
  .actions .button{min-height:52px;padding:13px 10px;gap:5px;font-size:12px}
  .actions .button span{margin-left:0;width:20px;height:20px}
  .mobile-bar{gap:9px;box-shadow:0 -4px 18px #172c2708}
  .mobile-bar a,.mobile-bar button{min-height:46px;display:flex;align-items:center;justify-content:center;padding:12px 5px;border:1px solid #173c31;background:linear-gradient(135deg,#285b49,#173b31);box-shadow:inset 0 1px 0 #ffffff20,0 2px 5px #172c2710}
  .mobile-bar button{background:linear-gradient(#ffe970,#fee33d);color:#332e1a;border-color:#efd439}
}
@media(prefers-reduced-motion:reduce){.button:hover,.button:hover span,.button:active,.nav-call:active,.choices button:active,.id-box button:active,.mobile-bar a:active,.mobile-bar button:active{transform:none}}