@import url("../y-picture/styles.css");

.hero-demo-link {
  display: inline-block;
  margin-top: 32px;
  border-bottom: 1px solid rgba(100, 44, 186, 0.34);
  color: rgba(84, 48, 132, 0.78);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0;
  transition:
    border-color 180ms ease,
    color 180ms ease;
}

.hero-demo-link:hover {
  border-color: rgba(100, 44, 186, 0.7);
  color: var(--purple);
}