Почему не применяется градиент к кнопке?

Question

[Илья Деревянных]

На этом сайта в самом низу кнопка с таким кодом. Подскажите что делаю не так. Почему не краситься?

.Button_button__NTtqi:before {
    opacity: 1;
    background: linear-gradient(94.35deg,#7d13e8 12.03%,#d91bea 93.27%);transition: .5s;
}
.Button_button__NTtqi:after {
    opacity: 0;
    background: linear-gradient(94.35deg,#2f00b5 12.03%,#cd007b 93.27%);transition: .5s;

}

Comments

[Пашенька]

Потому что у псевдо элементов должно быть свойство content.

[Илья Деревянных]

Пашенька, Сделал так. Но сейчас при нажатии появляется граница. Как её можно убрать?

.Button_button__NTtqi {
    opacity: 1;
    background: linear-gradient(94.35deg,#7d13e8 12.03%,#d91bea 93.27%);transition: .5s;
}
.Button_button__NTtqi:hover {
    background: linear-gradient(94.35deg,#2f00b5 12.03%,#cd007b 93.27%);transition: .5s;
}

[Равиль]

.Button_button__NTtqi:active, 
.Button_button__NTtqi:focus {
    outline: none;
}

Answer 1

[Игорь]

если хотите применить к кнопке то нужно так

.Button_button__NTtqi{
    opacity: 1;
    background: linear-gradient(94.35deg,#7d13e8 12.03%,#d91bea 93.27%);transition: .5s;
}

если пытаетесь что сделать с псевдоэлентами для них нужно добавить свойсво content

.Button_button__NTtqi:before {
    content: ''
    opacity: 1;
    background: linear-gradient(94.35deg,#7d13e8 12.03%,#d91bea 93.27%);transition: .5s;
}

но и этого будет мало, смотря что нужно получить в конце

Comments

[Илья Деревянных]

Почему-то не работает. Сделал так

.Button_button__NTtqi {
    opacity: 1;
    background: linear-gradient(94.35deg,#7d13e8 12.03%,#d91bea 93.27%);transition: .5s;
}
.Button_button__NTtqi:hover {
    background: linear-gradient(94.35deg,#2f00b5 12.03%,#cd007b 93.27%);transition: .5s;
}

Но сейчас при нажатии появляется граница. Как её можно убрать?

[Игорь]

вот скрин с вашего сайта www.screencapture.ru/file/22aDAfC8
работает, и ховер отрабатывает

плавной смены цвета не будет потому что transition не поддерживает градиент

[Илья Деревянных]

Игорь, я свой код поставил