/* -------------------------------------------------------
 * Insyde Simple Button allgemein
 * ----------------------------------------------------- */

.insyde-button-wrap {
    display: flex;
	margin-bottom: 35px;
}

.insyde-button-wrap.align-left {
    justify-content: flex-start;
}

.insyde-button-wrap.align-center {
    justify-content: center;
}

.insyde-button-wrap.align-right {
    justify-content: flex-end;
}

.insyde-simple-btn {
    display: inline-flex;
    align-items: center;
    gap: 22px;
    padding: 10px 40px;
    background-color: var(--btn-bg);
    color: var(--btn-text);
    border-radius: 9px;
    border: 2px solid var(--btn-border);
    font-size: 18px;
    font-weight: 500;
    text-decoration: none !important;
    transition: 0.2s ease;
	/*justify-content: center;*/
	min-height: 76px;
	/*line-height: 1;*/
}

.insyde-simple-btn:hover,
.insyde-simple-btn:focus {
    background-color: var(--hover-bg);
    color: var(--hover-text);
    border-color: var(--hover-border);
    text-decoration: none !important;
}

.insyde-button-text {
    display: inline-block;
    line-height: 1;
}

.insyde-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 0;
}

/* PNG / JPG Icons */
.insyde-button-icon-img img {
    display: block;
    width: 38px;
    height: 38px;
    object-fit: contain;
}

/* SVG Icons */
.insyde-button-icon-svg svg {
    display: block;
    width: 38px;
    height: 38px;
    color: var(--icon-color-svg);
    fill: currentColor;
    transition: 0.2s ease;
}

.insyde-button-icon-svg svg * {
    fill: currentColor;
    stroke: currentColor;
}

.insyde-simple-btn:hover .insyde-button-icon-svg svg,
.insyde-simple-btn:focus .insyde-button-icon-svg svg {
    color: var(--hover-icon-color-svg);
}


/* -------------------------------------------------------
 * Button mobil / Desktop ausblenden
 * ----------------------------------------------------- */

@media (max-width: 767px) {
    .insyde-hide-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .insyde-hide-desktop {
        display: none !important;
    }
}