/* Official brand files keep their original geometry and colors. */
.social-actions .social-btn {
  gap: 12px;
  min-height: 50px;
  padding: 12px 16px;
}

.social-actions .social-btn .brand-logo {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex: 0 0 auto;
}

.line-official-icon,
.float.line {
  width: auto;
  height: auto;
  min-width: 66px;
  min-height: 66px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
}

.line-official-icon .brand-logo,
.float.line .float-brand-logo {
  display: block;
  width: auto;
  height: 40px;
  object-fit: contain;
  flex: 0 0 auto;
}

.float.line {
  bottom: 88px;
}

.social-actions .social-btn:focus-visible,
.line-official-icon:focus-visible,
.float.line:focus-visible {
  outline: 3px solid var(--red-dark);
  outline-offset: 3px;
}