.map-control-button{border:1px solid var(--tarine-map-control-border);background:var(--tarine-map-control-bg);min-width:6.35rem;min-height:2rem;color:var(--tarine-map-control-text);box-shadow:var(--tarine-map-panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:.75rem;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:10px;font-weight:800;line-height:1.15;transition:background .18s,color .18s,border-color .18s;display:flex}.map-control-button:hover{background:var(--tarine-map-control-bg-hover)}.map-control-button:active{background:var(--tarine-map-control-bg-active)}.map-control-button svg{flex:none}.map-control-label{overflow-wrap:anywhere;text-align:center;white-space:normal;min-width:0}.map-control-button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--tarine-brand) 60%, transparent), var(--tarine-map-panel-shadow);outline:none}.map-control-button-danger{background:var(--tarine-map-danger-bg);border-color:color-mix(in srgb, var(--tarine-map-danger-bg) 55%, white);color:var(--tarine-map-danger-text)}.map-control-button-danger:hover{background:var(--tarine-map-danger-bg-hover)}@media (width>=640px){.map-control-button{gap:.375rem;min-width:7.2rem;min-height:2.5rem;padding:.35rem .75rem;font-size:.75rem}}@media (width<=639px){.map-control-button-mobile{width:100%;min-width:0;min-height:2.25rem;padding:.25rem .375rem}}
