Кнопка с нижней линией

%% value.string %%

Свойство border-bottom позволяет одновременно задать толщину, стиль и цвет нижней границы элемента. Например, чтобы установить красную сплошную линию толщиной 3 пикселя, пишем следующее:

border-bottom: 3px solid red;

Свойство border-bottom-color отдельно задаёт цвет нижней линии:

border-bottom-color: blue;
button { padding: 1em 2em calc(1em - 5px); background: #e8e8e8; transition: 0.5s; }