How to create a vertical block with buttons in the top right corner on bootstrap?

Question

css

Good day to all, please help with the creation of a block with buttons and information as in the screenshot.

I have the following

<div class="row">

<div class="col-md-4">LOGO</div> </div>

        <div class="collapse navbar-collapse" id="ftco-nav">
          <ul class="nav navbar-nav m-auto">
            <li class="nav-item"><a href="#main" class="nav-link">ГЛАВНАЯ</a></li>
            <li class="nav-item"><a href="#barbers" class="nav-link">МАСТЕРА</a></li>
            <li class="nav-item"><a href="#prices1" class="nav-link">ЦЕНЫ</a></li>
        <li class="nav-item"><a href="#cosmetics" class="nav-link">КОСМЕТИКА</a></li>
            <li class="nav-item"><a href="#contacts" class="nav-link">КОНТАКТЫ</a></li>
          </ul>
      <div class="row">
      <div class="col-md-4 mr-auto">
                  <p data-scrollax="properties: { translateY: '30%', opacity: 1.6 }"><a href="#" class="btn btn-primary px-8 py-6 ms_booking">Записаться</a></p>						    			
</div>
        </div>
      </div>

And how to increase the size of the button? I played with the px py parameters, it turned out to be stretched, but no more, you need it as in the screenshot.

Answer 1

Use normal css