.home-membership-notice {
  display: block;
  width: 100%;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(240, 116, 180, .5);
  background: rgba(77, 25, 62, .5);
  color: #f27eb4;
  text-align: center;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.5;
  text-decoration: none;
}

.home-membership-notice:hover {
  background: rgba(103, 27, 70, .6);
}

.home-membership-notice:focus-visible {
  outline: 2px solid #f27eb4;
  outline-offset: -4px;
}

.home-membership-notice span {
  display: inline-block;
  max-width: 100%;
  background: linear-gradient(110deg, #d29aff, #f27eb4 48%, #ff5b70);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-membership-notice span::after {
  content: " ›";
}

@media (max-width: 680px) {
  .home-membership-notice {
    padding: 12px 16px;
    font-size: 17px;
  }
}