.services-block .to-services {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 35px 0;
  border-bottom: 1px solid var(--stroke-thirdly);
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: var(--third);
  transition: color 0.3s ease-in, background-color 0.3s ease-in;
}
.services-block .to-services svg {
  width: 35px;
  height: 35px;
  object-fit: contain;
}
.services-block .to-services svg path {
  fill: var(--third);
  transition: fill 0.3s ease-in;
}
.services-block .to-services:hover {
  background-color: var(--second);
  color: var(--primary);
}
.services-block .to-services:hover svg path {
  fill: var(--primary);
}

@media (max-width: 498px) {
  .services-block .to-services {
    padding: 20px 0;
  }
}

/*# sourceMappingURL=block.css.map */