.regions{position:relative;overflow:hidden}.regions .grid{align-items:start;position:relative}.regions__images{grid-column:1/span 6;display:grid}.regions__image{opacity:0;-webkit-transition:opacity var(--transition);transition:opacity var(--transition);grid-area:1/1;margin:0}.regions__image--active{opacity:1}.regions__image img{width:100%;height:auto;display:block}.regions__body{grid-column:7/-1}.regions__list{flex-wrap:wrap;gap:.875rem;margin:0 0 3.5rem;padding:0;list-style:none;display:flex}.regions__list li{margin:0}.regions__button{color:var(--blue);font:inherit;cursor:pointer;-webkit-transition:background-color var(--transition);transition:background-color var(--transition);background-color:#ffedd2;border:0;border-radius:999px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:700;line-height:1;display:flex}@media (width<=600px){.regions__button{gap:.5rem;padding:.75rem 1rem;font-size:.875rem}}.regions__button:before{content:"";aspect-ratio:1;background-color:var(--orange);width:.625rem;-webkit-transition:background-color var(--transition);transition:background-color var(--transition);border-radius:50%}.regions__button--active{background-color:var(--orange)}.regions__button--active:before{background-color:var(--white)}.regions__description{max-width:32rem;display:none}.regions__description--active{display:block}.regions__description p{margin:0}@media (width<=900px){.regions__images,.regions__body{grid-column:1/-1}.regions__images{order:2}}