Сначала нужно выяснить откуда в кнопке взялся тег <hr>
Если по простому, тег <hr> служит для разделения логических разделов на сайте, если они по какой-то причине не сделаны с помощью section, article и т.д. Внутри кнопки hr никак не может оказаться.
Если вам нужна какая-то полоска внутри кнопки, то используйте стили. Псевдоэлементы или просто фон градиентом, как вам удобнее.
Текст написать.
Для пунктира: либо обычный border-radius и dashed либо SVG либо радиальный градиент поверх конического, если устраивает поддержка конического.
Давайте я вас научу открывать инструменты разработчика, а то вы так и будете про этот сайт спрашивать. Мы его уже выучили.
Нажимаете Ctrl+Shift+I или F12 или правой кнопкой мыши из контекстного меню.
Выбираете на вкладке Elements нужный вам элемент. Или нажимаете Ctrl+Shift+C и выбираете его прямо на странице.
И дальше на вкладке Style и Computed смотрите какие стили к нему применены.
Так и у нас не получится. Потому что свойств, которые вам мешают полно и угадать которое из них виновато не представляется возможным.
Можете самостоятельно убирать по одному и смотреть. Удобно это делать через инструменты разработчика.
Другой вариант: взять разметку и стили только этого куска и сделать песочницу с видимой проблемой на codepen.io
И очень велик шанс, что вы самостоятельно решите задачу, пока делаете песочницу.
Люблю переформулировать такой вопрос в другую сторону "а если бы вы были браузером (разработчиком браузера), то как бы нарисовали что попросил верстальщик?" Или "что хотел сказать верстальщик, когда писал эти свойства?"
.item:not(:last-child) {правый бордер}