.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}.main,.regions{background:var(--color-white)}.regions{padding:24px 20px 40px}.regions__container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1104px}.regions__title{color:var(--color-900);font-size:18px;font-weight:700;line-height:120%}.regions__filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.regions__filter-btn{background:var(--color-white);border:1px solid var(--color-300);border-radius:20px;color:var(--color-700);cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;height:36px;padding:10px 12px;text-decoration:none;transition:background .2s}.regions__filter-btn:hover{background:var(--color-100)}.regions__list{-moz-column-width:20rem;column-width:20rem;list-style:none}.regions__item{line-height:120%}.regions__link{color:var(--color-button);display:inline-block;font-size:16px;font-weight:400;padding:4px 0;text-decoration:none;transition:opacity .2s}.regions__link:hover{opacity:.8}@media(min-width:768px){.regions{padding:40px 20px 60px}.regions__title{font-size:24px}.regions__filters{gap:12px}.regions__filter-btn{height:40px}.regions__grid{gap:40px;grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.regions{padding:60px 20px 80px}}