.conversionbutton__base {
    margin-bottom: 50px;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.conversionbutton__base:before,
.conversionbutton__base:after {
    content: " ";
    display: table
}

.conversionbutton__base:after {
    clear: both
}

.col.col--large-12 .conversionbutton__base {
    padding-left: 3.75%;
    padding-right: 3.75%
}

@media(min-width:1170px) {
    .col.col--large-12 .conversionbutton__base {
        padding-left: calc(3.75% - ((100% - 1170px) / 2));
        padding-right: calc(3.75% - ((100% - 1170px) / 2))
    }
}

@media(min-width:1264px) {
    .col.col--large-12 .conversionbutton__base {
        padding-left: 0;
        padding-right: 0
    }
}

.col.col--large-12 .componentContainer .conversionbutton__base {
    padding: 0
}

@media(min-width:1264px) {
    .col.col--large-12 .componentContainer .conversionbutton__base {
        padding: 0
    }
}

.conversionbutton__btn {
    margin-top: 10px;
    display: block;
    border-radius: 35px;
    border: 2px solid transparent
}

.conversionbutton__btn__content {
    border-radius: 30px;
    display: flex;
    align-items: center;
    padding: 21px 28px;
    overflow: hidden;
    color: #fff;
    min-height: 50px;
    margin: 5px;
    transition: background-color .5s cubic-bezier(0.17, 0.17, 0.34, 1)
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .conversionbutton__btn__content {
        display: table
    }
}

.conversionbutton__btn:hover,
.conversionbutton__btn:active,
.conversionbutton__btn:visited {
    color: #fff
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .conversionbutton__btn__icon {
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .conversionbutton__btn--secondary .conversionbutton__btn__icon {
        top: 0
    }
}

.conversionbutton__btn__text {
    font-family: "Siemens Sans", Arial, sans-serif;
    font-weight: 800;
    color: #fff;
    pointer-events: none;
    font-size: 22px;
    line-height: 22px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .conversionbutton__btn__text {
        display: table-cell;
        vertical-align: middle
    }
}

.conversionbutton__btn--main {
    transition: border .5s cubic-bezier(0.17, 0.17, 0.34, 1), box-shadow .5s cubic-bezier(0.17, 0.17, 0.34, 1)
}

.conversionbutton__btn--main .conversionbutton__btn__content {
    padding: 16px 34px;
    background-color: #1b1534
}

.dark-bg .conversionbutton__btn--main .conversionbutton__btn__content,
.storyintroduction__smartpanel .conversionbutton__btn--main .conversionbutton__btn__content {
    background-color: #fff
}

.conversionbutton__btn--main .conversionbutton__btn__icon,
.conversionbutton__btn--main .conversionbutton__btn__text {
    color: #fff
}

.dark-bg .conversionbutton__btn--main .conversionbutton__btn__icon,
.storyintroduction__smartpanel .conversionbutton__btn--main .conversionbutton__btn__icon,
.dark-bg .conversionbutton__btn--main .conversionbutton__btn__text,
.storyintroduction__smartpanel .conversionbutton__btn--main .conversionbutton__btn__text {
    color: #1b1734
}

.conversionbutton__btn--main:active,
.conversionbutton__btn--main:hover {
    border-color: #1b1534
}

.dark-bg .conversionbutton__btn--main:active,
.storyintroduction__smartpanel .conversionbutton__btn--main:active,
.dark-bg .conversionbutton__btn--main:hover,
.storyintroduction__smartpanel .conversionbutton__btn--main:hover {
    border-color: #fff
}

.conversionbutton__btn--main:active .conversionbutton__btn__icon,
.conversionbutton__btn--main:active .conversionbutton__btn__text,
.conversionbutton__btn--main:hover .conversionbutton__btn__icon,
.conversionbutton__btn--main:hover .conversionbutton__btn__text {
    color: #fff
}

.dark-bg .conversionbutton__btn--main:active .conversionbutton__btn__icon,
.storyintroduction__smartpanel .conversionbutton__btn--main:active .conversionbutton__btn__icon,
.dark-bg .conversionbutton__btn--main:active .conversionbutton__btn__text,
.storyintroduction__smartpanel .conversionbutton__btn--main:active .conversionbutton__btn__text,
.dark-bg .conversionbutton__btn--main:hover .conversionbutton__btn__icon,
.storyintroduction__smartpanel .conversionbutton__btn--main:hover .conversionbutton__btn__icon,
.dark-bg .conversionbutton__btn--main:hover .conversionbutton__btn__text,
.storyintroduction__smartpanel .conversionbutton__btn--main:hover .conversionbutton__btn__text {
    color: #1b1734
}

.conversionbutton__btn--main:active {
    box-shadow: 0 0 15px 0 #8a00e5
}

.conversionbutton__btn--secondary {
    border: 0
}

.conversionbutton__btn--secondary .conversionbutton__btn__content {
    padding: 11px 20px;
    margin: 0;
    background-color: #8a00e5;
    color: #fff
}

.conversionbutton__btn--secondary:hover .conversionbutton__btn__content {
    background-color: #641e8c
}

.dark-bg .conversionbutton__btn--secondary:hover .conversionbutton__btn__content,
.storyintroduction__smartpanel .conversionbutton__btn--secondary:hover .conversionbutton__btn__content {
    background-color: #ae56ff
}

.conversionbutton__btn--secondary:active .conversionbutton__btn__content {
    background-color: #3d0f4d
}

.conversionbutton__btn span {
    border-bottom: 0;
    font-size: 16px;
    position: relative;
    color: #fff;
    pointer-events: none;
    top: 0;
    margin: 0;
    padding: 0
}

.conversionbutton__btn span:before {
    padding-right: 10px
}

.conversionbutton__wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: visible;
    display: inline-block;
    float: right;
    position: relative;
    zoom: 1;
    clear: right;
    margin-left: auto
}

[dir=rtl] .conversionbutton__btn__icon.link-transform-icon-arrow-right-small {
    transform: scaleX(-1)
}

[dir=rtl] .conversionbutton__btn__icon.link-transform-icon-ext {
    transform: scaleX(-1)
}

[dir=rtl] .conversionbutton__btn__icon:before {
    padding-left: 10px
}