.button-apple {
  border: 1px solid rgba(255, 245, 233, .45);
  background: rgba(25, 14, 31, .28);
  backdrop-filter: blur(12px);
}

.button-apple:hover {
  background: rgba(255, 245, 233, .12);
  border-color: var(--cream);
}

.apple-mark {
  width: 1.05rem;
  height: 1.05rem;
  border: 3px solid currentColor;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  font-size: 0;
}

.apple-mark::after {
  content: "";
  position: absolute;
  width: .35rem;
  height: .5rem;
  border-radius: 100% 0 100% 0;
  background: currentColor;
  right: -.18rem;
  top: -.5rem;
  transform: rotate(-25deg);
}

.apple-link {
  display: table;
  margin-top: 1.25rem;
}

@media (max-width: 560px) {
  .button-apple { width: 100%; }
}