/* Result actions must override the generic 12px secondary-span typography. */
.portrait-dialog[data-artwork="join"] .join-result>.join-result-action{
  flex:0 0 82px;min-width:82px;min-height:44px;padding:4px 8px;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:800;line-height:1.15;letter-spacing:1px;
  color:#fff3d6;text-shadow:0 1px 2px #421007,0 0 3px #421007;
  white-space:nowrap;
}
.portrait-dialog[data-artwork="join"] .join-result>.join-result-action.is-private{font-size:16px;letter-spacing:0}
@media(max-width:360px){
  .portrait-dialog[data-artwork="join"] .join-result>.join-result-action{flex-basis:76px;min-width:76px;font-size:20px}
  .portrait-dialog[data-artwork="join"] .join-result>.join-result-action.is-private{font-size:16px}
}