.district-card.svelte-11oatzq{border:3px solid var(--color-tire);text-transform:uppercase;letter-spacing:.05em;color:var(--color-tire);box-shadow:4px 4px 0px var(--color-tire);background-color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.district-card.svelte-11oatzq:hover{box-shadow:8px 8px 0px var(--color-orange);border-color:var(--color-orange);color:var(--color-orange);transform:translate(-4px,-4px)}.district-card.svelte-11oatzq:active{box-shadow:0px 0px 0px var(--color-tire);transform:translate(2px,2px)}.district-name.svelte-11oatzq{z-index:1}.arrow.svelte-11oatzq{opacity:.3;font-size:1rem;transition:transform .2s}.district-card.svelte-11oatzq:hover .arrow:where(.svelte-11oatzq){opacity:1;transform:translate(4px)}@media (width<=640px){.district-card.svelte-11oatzq{padding:10px 12px;font-size:.7rem}}