.contact-channels{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:min(960px,100%);
  margin:0 auto 32px;
  text-align:left;
}

.contact-channel{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:82px;
  padding:16px 18px;
  border:1px solid var(--line);
  background:var(--white);
  transition:border-color .2s,background .2s,transform .2s;
}

.contact-channel:hover{
  color:var(--ink);
  border-color:var(--wine);
  background:#f9f5ef;
  transform:translateY(-2px);
}

.contact-channel-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid var(--wine);
  color:var(--wine);
}

.contact-channel-icon svg{
  width:21px;
  height:21px;
}

.contact-channel-copy{
  min-width:0;
  line-height:1.25;
}

.contact-channel-copy strong{
  display:block;
  margin-bottom:5px;
  font-size:13px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--wine);
}

.contact-channel-copy span{
  display:block;
  overflow-wrap:anywhere;
  font-size:14px;
  color:var(--ink);
}

@media(max-width:900px){
  .contact-channels{
    grid-template-columns:1fr;
    width:min(520px,100%);
  }
}

@media(max-width:700px){
  .contact-channels{
    gap:10px;
    margin-bottom:26px;
  }

  .contact-channel{
    min-height:76px;
    padding:14px 16px;
  }
}