.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 0.65rem;
  font-size: 2rem;
  color: #fff;
  border-radius: .75rem;
  background: linear-gradient(135deg, #a10693 20%, #61045a 80%) !important;
}

.erdownloads-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0;
  margin-right: 1rem;
  font-size: 1rem;
  color: #fff;
  border-radius: .25rem;
  background: linear-gradient(135deg, #a10693 20%, #61045a 80%) !important;
}

.feature {
  background: linear-gradient(135deg, #f4ebfc 0%, #f7f1ff 60%, #fbf9fe 100%);
  height: 100%;
  display: flex;
  flex-direction: column;
  border-left: 2px solid rgba(161, 6, 147, 0.11);
  border-right: 2px solid rgba(161, 6, 147, 0.11);
  border-top: 1px solid rgba(161, 6, 147, 0.1);
  border-bottom: 1px solid rgba(161, 6, 147, 0.1);
  border-radius: .85rem;
  padding: 1.5rem 1.25rem 1.25rem;
  box-shadow: 0 3px 14px rgba(81, 9, 129, 0.09);
  transition: box-shadow .2s ease, transform .2s ease;
}

.feature:hover {
  box-shadow: 0 8px 28px rgba(81, 9, 129, 0.18);
  transform: translateY(-2px);
}


.feature h2 {
  font-size: 1.6rem;
}

.card-links {
  margin-top: auto;
  text-align: right;
}

.link-label {
  font-size: 0.7em;
  opacity: 0.8;
  margin-right: 0.3em;
}

.erdownloads-row {
  background: linear-gradient(135deg, #f4ebfc 0%, #f7f1ff 60%, #fbf9fe 100%);
  border-left: 2px solid rgba(161, 6, 147, 0.11);
  border-right: 2px solid rgba(161, 6, 147, 0.11);
  border-top: 1px solid rgba(161, 6, 147, 0.1);
  border-bottom: 1px solid rgba(161, 6, 147, 0.1);
  border-radius: .85rem;
  padding: .75rem 1rem;
  margin-bottom: .75rem;
  transition: box-shadow .2s ease, transform .2s ease;
}

.erdownloads-row:hover {
  box-shadow: 0 8px 28px rgba(81, 9, 129, 0.18);
  transform: translateY(-2px);
}

.erdownloads-row .d-flex.justify-content-between {
  align-items: center;
}

.gradient-rule {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, rgba(161,6,147,0.11) 0%, rgba(81,9,129,0.07) 100%) 1;
}

.icon-link {
  display: inline-flex;
  align-items: center;
}
.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  transition: transform .25s ease-in-out;
  fill: currentColor;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}