open-consul/ui/packages/consul-ui/app/components/secret-button/index.scss

@import './skin';
@import './layout';
.type-reveal {
  @extend %secret-button;
}
%secret-button {
  position: relative;
}
%secret-button span {
  visibility: hidden;
  position: absolute;
  --icon-color: rgb(var(--tone-gray-500));
}
%secret-button em {
  margin-left: 22px;
}
%secret-button span::before {
  @extend %with-visibility-show-mask, %as-pseudo;
  visibility: visible;
}
%secret-button input:checked + span::before {
  @extend %with-visibility-hide-mask;
}