.product-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 11px 14px;
  border-radius: 8px;
  background: linear-gradient(135deg, #1767f2, #0b43c6);
  box-shadow: 0 10px 20px rgba(17, 85, 217, 0.18);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.product-link:hover,
.product-link:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 13px 24px rgba(17, 85, 217, 0.24);
}