Стили кнопок для Дениса

Креатив

Диджитал

Печать

Дизайн

Инструкция

(скрыть)

Кнопки в проектах

Скопируй код 1 и вставь на страницу с проектами.

Кнопки в Zero

Добавь обычную кнопку в блок, задай нужный фоновый цвет, цвет кнопки при наведении, размер шрифта, выровняй текст по левому краю. Не меняй высоту кнопки, далее ее можно будет сделать чуть выше в коде.
В коде отмечен комментариями блок, в котором можно выставить свой отступ внутри кнопки и радиус скругления кнопки.
Скопируй код 2 и вставь в блок T123.

<!-- Code by Fedyaeva -->
<style>
     @media screen and (min-width: 960px) {.t395__tab:nth-child(2){margin-right: 20px;}.t395__wrapper {display: flex!important;} .t395__tab {border-radius: 30px!important;} .t395__tab:first-child {margin-right: 40px;} .t395__tab:last-child {margin-left: 40px;} .t395__tab_active:after {opacity: 0;} }
</style>

<!-- Code by Fedyaeva -->
<style>
    /*В этом блоке можно задать свои знанчения*/
    :root {
        --top-bottom-padding: 12px;
        --let-right-padding: 14px;
        --button-radius: 7px;
    }
    /*В этом блоке можно задать свои знанчения*/
    .custom-btn .tn-atom{position:relative;padding:var(--top-bottom-padding) var(--let-right-padding);border-radius:var(--button-radius)!important}.custom-btn .tn-atom::before{content:'';position:absolute;left:var(--let-right-padding);bottom:var(--top-bottom-padding);width:77%;height:1px;border-bottom:1px solid #FFF}.custom-btn .tn-atom::after{content:'';position:absolute;right:var(--let-right-padding);bottom:var(--top-bottom-padding);width:30px;height:30px;opacity:0;background-image:url(https://static.tildacdn.com/tild3161-3531-4337-a534-303932356633/Component_2323233.svg);transition:transform 0.4s cubic-bezier(.34,1.61,.7,1)}.custom-btn:hover .tn-atom::after{opacity:1;transform:rotate(135deg) scale(1.1)}
</style>