.slider-headline-text-btn {
    grid-template-rows: 1fr calc(max(128px, 10.625vw) / 2) auto;
}

.slider-headline-text-btn .default-slider-text-pagination {
    grid-area: 1/4/span 2/span 3;
}

.slider-headline-text-btn .default-slider-text-pagination li {
    position: relative;
}

.slider-headline-text-btn .default-slider-text-pagination li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: var(--blue);
    transition: var(--def-trans);
}

.slider-headline-text-btn .default-slider-text-pagination li.slick-active::after {
    width: calc(100% + var(--grid-col-width) + (var(--grid-gap) * 2));
}

.slider-headline-text-btn .box {
	grid-area: 1/8/span 2/span 5;
	padding: max(24px, 2.8125vw) max(32px, 5.3125vw) max(128px, 13.28125vw);
	border: 1px solid currentColor;
	box-shadow: none;
	position: relative;
	min-height: calc(100% + var(--grid-gap));
}

.slider-headline-text-btn .box::after {
    content: "";
    display: block;
    width: max(96px, 11.40625vw);
    aspect-ratio: 1/1;
    background: var(--white);
    position: absolute;
    top: 100%;
    left: 100%;
    transform: translate(-50%, -50%) rotate(-45deg);
    border-top: 1px solid currentColor;
}

.slider-headline-text-btn .img-container {
    grid-area: 2/9/span 2/span 2;
    width: max(128px, 10.625vw);
    aspect-ratio: 1/1;
    justify-self: flex-end;
    border-radius: 100%;
    z-index: 1;
}

.slider-headline-text-btn .img-container img {
    border-radius: 100%;
}

.slider-headline-text-btn .btns-container {
    grid-area: 2/11/span 2/span 2;
    z-index: 1;
    justify-self: flex-end;
}

@media (max-width: 1999.98px) {
    .slider-headline-text-btn .img-container {
        grid-area: 2/8/span 2/span 2;
    }
}

@media (max-width: 1199.98px) {
    .slider-headline-text-btn .default-slider-text-pagination {
        grid-area: 1/3/span 2/span 3;
    }

    .slider-headline-text-btn .box {
        grid-area: 1/7/span 2/span 6;
    }

    .slider-headline-text-btn .img-container {
        grid-area: 2/7/span 2/span 2;
    }

    .slider-headline-text-btn .btns-container {
        grid-area: 2/10/span 2/span 3;
    }
}

@media (max-width: 991.98px) {
    .slider-headline-text-btn {
        grid-template-rows: auto;
    }

    .slider-headline-text-btn .box {
        grid-area: 2/3/2/span 10;
        margin: var(--m-md) 0;
    }

    .slider-headline-text-btn .btns-container {
        grid-area: 3/8/3/span 5;
        align-self: center;
    }

    .slider-headline-text-btn .default-slider-text-pagination {
        grid-area: 1/3/1/span 10;
    }
    
    .slider-headline-text-btn .img-container {
        grid-area: 3/3/3/span 5;
        justify-self: flex-start;
    }
}

@media (max-width: 767.98px) {
    .slider-headline-text-btn .accordion {
        grid-area: 1/3/1/span 10;
    }

    .slider-headline-text-btn .img-container {
        grid-area: 2/2/2/span 12;
        justify-self: center;
        margin-top: var(--m-sm);
    }

    .slider-headline-text-btn .btns-container {
        grid-area: 3/3/3/span 10;
        justify-self: flex-end;
        margin-top: var(--m-sm);
    }
}

@media (max-width: 575.98px) {
    .slider-headline-text-btn .accordion {
        grid-area: 1/2/1/span 12
    }

    .slider-headline-text-btn .btns-container {
        grid-area: 3/2/3/span 12;
        justify-self: center;
    }
}