:root {

}
[data-theme="dark"] {

}
.btn-custom-full {
    /* Text und Icon sauber nebeneinander ausrichten */
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;

    /* Button-Gestaltung */
    padding: 0.85rem 1.25rem;
    background-color: #e30613 !important;
    color: #ffffff !important;
    border: 2px solid #e30613 !important;
    text-decoration: none;
    border-radius: 0px;

    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;

    /* Animation des Buttons */
    transition:
        padding-right 0.3s ease,
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.btn-custom-full svg {
    /* Bewegung des Icons vorbereiten */
    transition: transform 0.3s ease;
}

.btn-custom-full:hover,
.btn-custom-full:focus-visible {
    /* Der Button wächst nur nach rechts */
    padding-right: 1.75rem;

    background-color: rgb(216, 0, 0);
    border-color: rgb(216, 0, 0);
    color: #ffffff;
}

.btn-custom-full:hover svg,
.btn-custom-full:focus-visible svg {
    /* Chevron nach rechts schieben */
    transform: translateX(0.4rem);
}


#start .btn.btn-custom-full {
    background-color: gray;
    border-color: gray;
}