Css for Kadence buttons in GeneratePress - straight angle

custom.css

.button.ghost, .button.ghost:visited {     
    background: transparent;     
    border: 2px solid var(--button);
		color: #000
} 
.button.ghost:hover, 
.button.ghost:active {     
    background: var(--button-hover);     
    color: #FFF; 
	    border: 2px solid var(--button-hover);

}

.button {
	background: var(--button);
	    border: 2px solid var(--button);
	color: #FFF;
}

.button:hover, .button:active {
	background: var(--button-hover);
	    border: 2px solid var(--button-hover);

}

.wp-block-button__link {
    border-radius: 0px;
}