.kaffee-button{
	 background: linear-gradient(to right,#ffdd00 ,#ffdd00);
	 background-color: #ffed74;
	 color: #000000 !important;
	 font-family: Poppins;
	 font-size: 16px;
	 font-weight: 400;
	 font-style: normal;
	 text-decoration: none;
	 padding: 8px 15px;
	 border: 0px solid #000;
	 border-radius: 10px;
	 display: inline-flex;
	 justify-content: center;
	 align-items: center;
}

.kaffee-button span{
	 margin-left:15px;
	 display: block;
	 width: 29px;
	 height: 29px;
	 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTEyLjY2NDA2MiA0LjA2NDQ1MzFDMTAuNzMzNDM2IDMuOTcyNDAzMSA5LjQzMTI4MDMgNi4yNDg3NTM5IDEwLjQzNzUgNy44Nzg5MDYyQzEwLjQzNzUgNy44Nzg5MDYyIDEwLjQzNzUgNy44ODA4NTk0IDEwLjQzNzUgNy44ODA4NTk0TDEzLjg2MTMyOCAxMy42NzM4MjhMNy4zNjkxNDA2IDMzLjE5MTQwNiBBIDEuNTAwMTUgMS41MDAxNSAwIDAgMCA3LjM2NTIzNDQgMzMuMjA1MDc4QzUuODIyMTAzMSAzOC4wMDU1MzUgOS40NjM2NzEgNDMgMTQuNTA1ODU5IDQzTDMzLjQ4NDM3NSA0M0MzOC41MjczMjQgNDMgNDIuMTY4MTM1IDM4LjAwNTUzIDQwLjYyNSAzMy4yMDUwNzggQSAxLjUwMDE1IDEuNTAwMTUgMCAwIDAgNDAuNjIxMDk0IDMzLjE5MTQwNkwzNC40NjI4OTEgMTQuNjUwMzkxIEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDM0LjU2MDU0NyAxNC41NjA1NDdMMzcuNjg3NSAxMS40MzM1OTRDMzguMTM4NjIzIDExLjc4NTMxNCAzOC43MDc3MTggMTIuMjg2OTkxIDM5LjMyODEyNSAxMy4wNjI1QzQwLjY0NTI4NyAxNC43MDg5NTMgNDIgMTcuMzMzMzMzIDQyIDIxLjUgQSAxLjUwMDE1IDEuNTAwMTUgMCAxIDAgNDUgMjEuNUM0NSAxNi42NjY2NjcgNDMuMzU0NzEzIDEzLjI5MTA0NyA0MS42NzE4NzUgMTEuMTg3NUMzOS45ODkwMzcgOS4wODM5NTMgMzguMTY5OTIyIDguMTU4MjAzMSAzOC4xNjk5MjIgOC4xNTgyMDMxIEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDM2LjQzOTQ1MyA4LjQzOTQ1MzFMMzQuMDExNzE5IDEwLjg2NzE4OEwzNC4wMTE3MTkgOS4yNjk1MzEyQzM0LjAxMTcxOSA3LjUxNDQ0ODMgMzIuNjg4OTc2IDYuMDA4NDc4NCAzMC45NDcyNjYgNS43OTQ5MjE5QzIxLjEwNjYyNiA0LjU4ODE2NDYgMTUuMzc0ODEyIDQuMTkzNTg0OCAxMi42NjQwNjIgNC4wNjQ0NTMxIHogTSAxMy40OTAyMzQgNy4xNTIzNDM4QzE2LjI4MjI1MyA3LjI5ODY2NjQgMjEuMzI3MjI3IDcuNjM2NTY4IDMwLjU4MjAzMSA4Ljc3MTQ4NDRDMzAuODMwMzIgOC44MDE5Mjg0IDMxLjAxMTcxOSA5LjAwMDYxNDQgMzEuMDExNzE5IDkuMjY5NTMxMkwzMS4wMTE3MTkgMTJMMTYuMzU1NDY5IDEyTDEzLjQ5MDIzNCA3LjE1MjM0MzggeiBNIDE2LjU4MjAzMSAxNUwzMS40MTc5NjkgMTVMMzQuNDA2MjUgMjRMMTguMDgzOTg0IDI0QzE3LjIxNDk4NCAyNCAxNi40NDU2ODcgMjQuNTYxNjcyIDE2LjE3OTY4OCAyNS4zODg2NzJMMTMuMDc2MTcyIDM1LjAzOTA2MkMxMi44NzExNzIgMzUuNjc1MDYzIDEyLjI4MjQzOCAzNi4wODIwMzEgMTEuNjQ4NDM4IDM2LjA4MjAzMUMxMS40OTY0MzggMzYuMDgyMDMxIDExLjM0MTQ1MyAzNi4wNTg3NjYgMTEuMTg5NDUzIDM2LjAwOTc2NkMxMC40MDM2OSAzNS43NTY4MDggOS45NzE0MDkzIDM0LjkxODAzNCAxMC4yMTg3NSAzNC4xMzI4MTJDMTAuMjE5NTczIDM0LjEzMDE5OCAxMC4yMTk4NjUgMzQuMTI3NjEzIDEwLjIyMDcwMyAzNC4xMjVMMTAuMjIwNzAzIDM0LjEyMzA0N0wxNi41ODIwMzEgMTUgeiIvPjwvc3ZnPg==);
	 background-repeat: no-repeat;
	 background-size: contain;
	 transform: rotate(0deg);
}

.kaffee-button:hover{
	 background: linear-gradient(to right,#ffef88 ,#ffe151);
	 background-color: #ffef88;
}

.kaffee-button:active{
	 transform: scale(0.95);
}