[Botão] Cortes de canto

Adicione um Widget de botão no Elementor

Não precisa definir classe

Recomendo deixar a cor de fundo do botão sem cor (transparente)

Corte (embaixo e a direita)

Código CSS

.elementor-button{
    background: linear-gradient(-45deg, transparent 10px, #00FF73 0);
}

Corte (embaixo e a esquerda)

Código CSS

.elementor-button{
    background: linear-gradient(45deg, transparent 10px, #00FF73 0);
}

Corte (Superior e a esquerda)

Código CSS

.elementor-button{
    background: linear-gradient(45deg, transparent 10px, #00FF73 0);
}

Corte (Superior/Direita)

Código CSS

.elementor-button{
    background: linear-gradient(-135deg, transparent 10px, #00FF73 0);
}

Corte (Dois cantos)

Código CSS

.elementor-button{
    background: linear-gradient(-135deg, transparent 10px, #00FF73 0) right,
    linear-gradient(45deg, transparent 10px, #00FF73 0) left;
    background-size: 50% 100%;
    background-repeat: no-repeat;
}

Corte (Quatro cantos)

Código CSS

.elementor-button{
    background: linear-gradient(135deg, transparent 10px, #00FF73 0) top left,
    linear-gradient(-135deg, transparent 10px, #00FF73 0) top right,
    linear-gradient(-45deg, transparent 10px, #00FF73 0) bottom right,
    linear-gradient(45deg, transparent 10px, #00FF73 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}