/* Area badge on hotel cards and the hotel page: links to the area guide. */
.hc-card-facts li.hc-area-fact{display:block;padding:0;background:none;border:0}
.hc-area-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 11px;border-radius:999px;background:#d9a52017;border:1px solid #d9a52059;color:#0A2E4D;font-size:12px;font-weight:700;line-height:1.6;text-decoration:none;white-space:nowrap;transition:background .3s,border-color .3s,color .3s}
.hc-area-badge .ar-icon{width:14px;height:14px;flex:none}
.hc-area-badge .ar-icon-pin{color:#B8860B}
.hc-area-badge .ar-icon-arrow{width:13px;height:13px;color:#0E7C77;transition:transform .35s cubic-bezier(.22,1,.36,1)}
html[dir=rtl] .hc-area-badge .ar-icon-arrow{transform:scaleX(-1)}
.hc-area-badge:hover,.hc-area-badge:focus-visible{background:#0E7C77;border-color:#0E7C77;color:#fff}
.hc-area-badge:hover .ar-icon,.hc-area-badge:focus-visible .ar-icon{color:#fff}
.hc-area-badge:hover .ar-icon-arrow{transform:translateX(2px)}html[dir=rtl] .hc-area-badge:hover .ar-icon-arrow{transform:scaleX(-1) translateX(2px)}
.hs-area-badge{font-size:13px;padding:5px 12px 5px 13px}