JSFiddle - React, Tailwind, and code Playground

HTML

<div class="panel-footer">
        <span style="width:100%;" class="header-footer-item">  
            <button class="align-right" type="button">Save</button>
        </span>    
    </div>

CSS

.panel-footer {
    height: 70px;
    vertical-align: middle;
    border: solid;
    display:flex;
    align-items:center;
}

.header-footer-item {
    display: flex;
    justify-content: flex-end;
    line-height: 70px;
    border: solid red;
    text-align:right;
}

.align-right {
	
}

.align-middle {
  vertical-align: middle;
}