JSFiddle - React, Tailwind, and code Playground

HTML

<div class="notify">
    <div>
        12as das dasd asd asda sdasdasdasdasdasda<br />
        12 asd asd as<br />
        12 asd <br />
        12as dasdas da<br />
        12 asdas <br />
        12aas a sd <br />
        12a ads <br />
        12as asd <br />         
    </div>
</div>

CSS

body
{
    position: relative;
}

.notify
{
    position: absolute;
    top: 100%;
    left: 20%;
    background: red;
    border: 2px solid white;
    border-radius: 50%;
    padding: 30px;
    text-align: center;
    
}

.notify > div
{    
    display: table-cell;
    vertical-align: middle;
}

JavaScript

var $elem = $(".notify > div");
var maxSize = Math.max($elem.width(), $elem.height());

$elem.width(maxSize).height(maxSize);