/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./components/blocks/contact-info/styles/src/contact-info.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
:root{
  --spacing-m:clamp(10rem, 35vh, 20rem);
  --spacing-s:calc(var(--spacing-m)/2);
  --col-default:content;
  --col-full:1 / -1;
  --col-left:full-width-start / center-start;
  --col-right:center-start / content-end;
  --col-right-extended:center-start / -1;
  --border-radius-l:10rem;
  --border-radius-ml:6rem;
  --border-radius-m:4rem;
  --border-radius-s:2rem;
  --border-l:0 0 var(--border-radius-l) 0;
  --border-ml:0 0 var(--border-radius-ml) 0;
  --border-m:0 0 var(--border-radius-m) 0;
  --border-s:0 0 var(--border-radius-s) 0;
  --ease-smooth:cubic-bezier(0.5, 0.05, 0, 1);
}

.contact-items{
  display:flex;
  flex-flow:row wrap;
  gap:4rem;
  margin-top:4rem;
}
.contact-items__item{
  color:#000;
  display:flex;
  flex-direction:column;
  font-family:Literata,serif;
  font-size:1.5rem;
  font-variation-settings:"wght" 300;
  gap:1rem;
  line-height:.95;
  max-width:19rem;
  text-decoration:none;
  text-wrap:balance;
}
.contact-items img{
  flex:0 0 auto;
  height:2.5rem;
  -o-object-fit:contain;
     object-fit:contain;
  transition:transform .4s var(--ease-smooth);
  width:2.5rem;
}

/*! Add Soul */
/*# sourceMappingURL=contact-info.css.map*/