Вопрос подскажите как сделать внизу профикса

  <title>Рамка вокруг текста</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <style type="text/css">
            .container
            {
                background-color: White;
            }
            
            .smart-border-1
            {
                background-color: #F05258;
                color: White;
                padding: 4px;
                outline: double 3px #F05258;
                width: 250px;
            }
            
            .smart-border-2
            {
                background-color: #F05258;
                color: White;
                padding: 4px;
                width: 250px;
            }
            
            .smart-border-2:before
            {
                content: '';
                position: absolute;
                left: 6px;
                top: 58px;
                width: 260px;
                height: 30px;
                border: solid 1px #F05258;
            }
        </style>