/*LINK NORMAL MIT BG COLOR UND PFEIL*/
.primary-button{
    font-family: var(--kauflandFontFamily) !important;
	font-weight: 700 !important;
    font-size: 1rem;
    line-height: 100%;
    align-items: center;
    padding: var(--Spacing-Extra-for-buttons) var(--Spacing-Stytem-spacing-lg);
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    line-height: normal;
    max-width: fit-content !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid;
}



.primary-button.white{
    border-color: var(--kf-grey-900) !important;
    background-color: var(--kf-white) !important;
    color: var(--kf-grey-900) !important;
}

.primary-button.white-transparent{
    border-color: var(--kf-white) !important;
    background-color: transparent !important;
    color: var(--kf-white) !important;
}

.primary-button.red{
    border-color: var(--kf-red) !important;
    background-color: var(--kf-red) !important;
    color: var(--kf-white) !important;
}

.primary-button:hover{
    background-color: #70d159 !important;
    color: var(--kf-white) !important;
    border-color: #70d159 !important;
}



button.primary-button span,.primary-button span{
    position: relative;
    top: 2px !important;
}

/*LINK TRANSPARENT MIT PFEIL HINTEN ODER VORNE*/
.secondary-button{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 0px;
    font-family: var(--NormaFontFamily) !important;
	font-weight: 500 !important;
    font-size: 1rem;
    max-width: fit-content !important;
}

.secondary-button > span{
    position: relative;
    top: 2px;
}

.secondary-button.reverse{
    flex-direction: row-reverse !important;
}

@media (min-width: 1000px){
    .secondary-button,.primary-button{
        font-size: 1.063rem;
    }
}

@media (min-width: 1299px){
    .secondary-button,.primary-button{
        font-size: 1.125rem;
    }
}