.teaser-redgradient {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.25rem;
    background: transparent linear-gradient(180deg, #B7172F 0%, #58000D 100%) 0 0 no-repeat padding-box;
    color: #fff;
    transition: transform 0.2s ease-in-out;
    padding: 2rem;
    position: relative;
    text-align: center;
    min-height: 10rem;
    padding-bottom: 3rem;

    @media (min-width: 992px) {
        min-height: 12rem;
    }

    &:hover {
        transform: scale(1.03);
    }
}

.teaser-redgradient__header {
    font-size: 1.5rem;
    line-height: 1.05;
    font-family: DaxWeb-Light;

    @media (min-width: 992px) {
        font-size: 2rem;
    }

    @media (min-width: 1330px) {
        font-size: 2.25rem;
    }
}

.teaser-redgradient__text {
}

.teaser-redgradient__arrow {
    position: absolute;
    bottom: 1rem;
    right: 2rem;

    @media (min-width: 992px) {
        bottom: 1rem;
        right: 2rem;
    }

    svg {
        width: 2rem;

        @media (min-width: 992px) {
            width: 3rem;
        }
    }
}