.competitors {
  display:flex;
  flex-direction:row;
  overflow-x:auto;
  gap:10px;
  margin-top:20px;
}

.competitor {
  width:100%;
  flex:1 0 0;
  min-width:calc((100% - 60px) / 2);
  background-color:var(--gentle-white);
  border-radius:4px;
  border:1px solid var(--gridline);
  text-decoration:none;
  color:var(--soft-black);
  transition:transform 0.6s;
}

@media (min-width:900px) {
  .competitor {
    min-width:calc((100% - 60px) / 4);
  }
}

.competitor:hover {
  color:var(--soft-black);
}

.competitor_block .competitor_heading {
  display:flex;
  gap:9px;
  align-items:center;
  padding:16px;
  font-size:19px;
}

.competitor .favicon {
  width:33px;
  height:auto;
  border-radius:4px;
}

.competitor_domain {
  padding:16px;
  border-top:1px solid var(--gridline);
  background-color:var(--peach);
  font-family: "Matter SemiMono", monospace;
  font-size:14px;
  color:var(--hard-grey);
  border-radius:0 0 3px 3px;
}

.competitor_block {
  overflow:hidden;
}