/* Button effects and the selected Discord button. */
.networks-box { text-align: left; }
.networks-box .discord-box { margin-top: 0; gap: 14px; }
.networks-box .discord-text { flex-basis: 115px; }
.networks-box .discord-text h3 { margin: 0 0 4px; }
.networks-box .discord-text p { margin: 0; }
.networks-box .discord-btn { margin-top: 0; min-height: 48px; }

:is(.btn,.button,.compat-btn,.BigButton):not(:disabled):not([aria-disabled="true"]):not(.is-disabled):hover {
  box-shadow: 0 10px 24px -16px rgba(233,205,126,.7);
}
.btn.discord-btn:hover, .btn.discord-btn:focus-visible { border-color: #7983f5; background: #6571f4; box-shadow: 0 10px 24px -12px rgba(88,101,242,.7); }
:is(.btn.gold,.button.primary,.compat-btn.gold,.BigButton.is-green,.BigButton.is-blue) { position: relative; overflow: hidden; isolation: isolate; }
:is(.btn.gold,.button.primary,.compat-btn.gold,.BigButton.is-green,.BigButton.is-blue)::after {
  content: ""; position: absolute; inset: -20% auto -20% -60%; width: 45%; z-index: 1; pointer-events: none;
  background: linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent); transform: skewX(-18deg); opacity: 0;
}
@media (prefers-reduced-motion:no-preference) {
  :is(.btn,.button,.compat-btn,.BigButton) { transition: transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease; }
  :is(.btn,.button,.compat-btn,.BigButton):not(:disabled):not([aria-disabled="true"]):not(.is-disabled):active { transform: translateY(1px); }
  @keyframes button-shine { 0%,72% { left: -60%; opacity: 0; } 76% { opacity: 1; } 100% { left: 130%; opacity: 0; } }
  :is(.btn.gold,.button.primary,.compat-btn.gold,.BigButton.is-green,.BigButton.is-blue):not(:disabled):not([aria-disabled="true"]):not(.is-disabled)::after { animation: button-shine 5.5s ease-in-out infinite; }
  @media (hover:hover) {
    :is(.btn.gold,.button.primary,.compat-btn.gold,.BigButton.is-green,.BigButton.is-blue):hover::after { animation-duration: 1.4s; }
  }
}
/* Keep the full-size flags inside a narrow header beside the account controls. */
@media(max-width:480px){
  .top .wrap.bar{column-gap:4px}
  .top .actions>a.btn{padding-left:4px;padding-right:4px}
}
@media(max-width:359px){.top .actions #nav-entrar{display:none}}

#portal-result .loyalty-notes { margin: 24px 0 18px; padding-left: 22px; line-height: 1.75; }
#portal-result .loyalty-notes li + li { margin-top: 8px; }