JSFiddle - React, Tailwind, and code Playground

by Mike Jacobson

HTML

<div class="collapser">
  <span class="collapser-label">
    Asistente de configuraciĂłn    
  </span>
</div>

CSS

.collapser {
  position: fixed;
  width: 34px;
  background-color: green;
  color: white;
  bottom: 200px;
  right: 112px;
  overflow: hidden;
}

.collapser-label {
  display: block;
  text-transform: uppercase;
  white-space: nowrap;
  writing-mode: vertical-lr;
/*   position: relative;
  padding: 0;
  margin: 0;
  height: 125px;
  width: 140px;
  transform: translate(-117px, 12px) rotate(90deg);
   */}