.Widget[name='lookingGlass'] {
  img {
    @apply aspect-square place-self-center p-0;
  }
}

ul:has(.LookingGlass-actions) {
  @apply relative flex list-none items-center justify-end gap-3 border-t border-t-gray-200 py-3;
}

.LookingGlass-actions > a,
.LookingGlass-actions > button {
  @apply btu-button btu-button-fill-none btu-button-primary before:btu-icon;
}

.LookingGlass-actions[data-action='copy'] {
  @apply flex items-center gap-3;
}

.LookingGlass-actions:not([data-action='copy']) a {
  @apply before:btu-icon-external-link;
}

btu-copy-to-clipboard.LookingGlass-actions button {
  @apply transition-colors before:btu-icon-link;
}

btu-copy-to-clipboard.LookingGlass-actions:state(btu-copy-to-clipboard-copied)
  button {
  @apply gap-0 text-gray-500 [font-size:0] before:btu-icon-clipboard-check after:ms-2 after:text-sm after:[content:attr(data-success-label)];
}
