JSFiddle - React, Tailwind, and code Playground

HTML

<div class="controller">
<div><a href="#buttton-1">Booking</a></div>
</div>

CSS

.controller{
	width: 55px;
	height: 160px;
	background: gray;
	border-radius: 0 19px 19px 0;
 

}
.controller div{
	white-space: nowrap;
	width: 160px;
    transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    transform-origin: 0.6em 0.6em;
    -webkit-transform-origin: 0.6em 0.6em;
    text-align: center;
}
.controller a{
	font-size: 20px;
	line-height: 0;
}