.discord_gift_btn {
  outline: unset;
  position: relative;
  border-radius: 50px;
  padding-inline: .7rem;
  height: 100%;
  background: var(--button);
  border: 2px solid transparent;
  
}

.discord_gift_btn svg {
  z-index: 2;
  width: 1.3rem;
  height: 1.3rem;
}

.discord_gift_btn:focus {
  outline: none;
  border: 2px solid transparent;
}

@property --r2 {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.discord_gift_btn {
  background: 
    linear-gradient(var(--button), var(--button)) padding-box,
    conic-gradient(from var(--r2) at 50% 50%,
      transparent 0deg,
      color-mix(in srgb, var(--span) 70%, transparent) 100deg,
      var(--span) 100deg,
      color-mix(in srgb, var(--span) 70%, transparent) 100deg,
      transparent 130deg,
      var(--span) 121deg,
      transparent 122deg) border-box;
  animation: rotating2 1.5s linear infinite;
}

@keyframes rotating2 {
  0% {
    --r2: 0deg;
  }
  100% {
    --r2: 360deg;
  }
}



.popup_modal_body {
    width: 500px;
    text-align: center;
    /* padding-inline: 2rem; */
    position: relative;
    white-space: normal;
    display: flex;
    padding-block: 2rem;
    flex-direction: column;
    align-items: center;
}

.discord_gift_buttons {
    display: flex;
    gap: .5rem;
    justify-content: center;
    align-items: center;
}

.modal_body_text {
    font-weight: 600;
    font-size: 19px;
}

.modal_body_text_desc {
    font-size: 14px;
    color: var(--text-custom);
}

.modal_body_text span {
    color: var(--span);
}

.link-discord-communities {
    padding: .5rem;
    border-radius: 50px;
    background: var(--button);
    display: flex;
    height: 100%;
}

.link-discord-communities svg{
    fill: var(--span);
    width: 1.5rem;
    height: 1.5rem;
}

.button-link-profiles {
    border-radius: 50px;
}