.headline-subline-icon-text-btns .circle-btns-container {
    grid-area: 1/3/1/span 10;
}

.headline-subline-icon-text-btns .headline {
    grid-area: 2/4/span 2/span 4;
}

.headline-subline-icon-text-btns .subheadline {
	grid-area: 4/4/4/span 3;
	font-family: "Playfair";
    font-size: var(--fs-30);
	font-weight: 700;
	margin-top: var(--m-sm);
}

.headline-subline-icon-text-btns .icon-container {
	grid-area: 1/7/span 4/span 4;
	width: max(278px, 21.796875vw);
	height: max(256px, 20vw);
	max-width: 100%;
	max-height: 100%;
}

.headline-subline-icon-text-btns:has(.text-container) .icon-container {
    grid-area: 1/6/span 3/span 4;
}

.headline-subline-icon-text-btns .symbol {
    grid-area: 2/10/2/10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--m-md);
    aspect-ratio: 1/1;
    background: var(--gold);
    border-radius: 100%;
    letter-spacing: 0;
    line-height: 1;
    transform: rotate(5deg);
}

.headline-subline-icon-text-btns:has(.text-container) .symbol {
    justify-self: flex-start;
}

.headline-subline-icon-text-btns .symbol.question-mark::after {
    content: "?";
}

.headline-subline-icon-text-btns .symbol.exclamation-mark::after {
    content: "!";
}

.headline-subline-icon-text-btns .text-container {
    grid-area: 3/10/3/span 3;
}

.headline-subline-icon-text-btns .btns-container {
    grid-area: 4/11/4/span 3;
}

.headline-subline-icon-text-btns .contact-container {
    grid-area: 4/10/4/span 4;
}

.headline-subline-icon-text-btns .contact-container a {
    display: flex;
    align-items: center;
    gap: 1em;
    font-family: "Libre Franklin";
    font-size: var(--fs-20);
    line-height: 1.75;
    letter-spacing: .05em;
}

.headline-subline-icon-text-btns .contact-container a::before {
    content: "";
    display: block;
    width: 3em;
    height: 3em;
    border-radius: 100%;
}

.headline-subline-icon-text-btns .contact-container a.mail::before {
    background: url(../../img/icon-email-circle.svg) no-repeat center/contain;
}

.headline-subline-icon-text-btns .contact-container a.phone::before {
    background: url(../../img/icon-phone-circle.svg) no-repeat center/contain;
}

@media (max-width: 1199.98px) {
    .headline-subline-icon-text-btns .circle-btns-container {
        grid-area: 1/2/1/span 12;
    }

    .headline-subline-icon-text-btns .headline {
        grid-area: 2/3/span 2/span 5;
    }

    .headline-subline-icon-text-btns .subheadline {
        grid-area: 4/3/4/span 5;
    }

    .headline-subline-icon-text-btns .symbol {
        grid-area: 2/11/2/11;
    }
}

@media (max-width: 991.98px) {
    .headline-subline-icon-text-btns {
        text-align: center;
        align-items: center;
    }

    .headline-subline-icon-text-btns .circle-btns-container {
        justify-self: center;
    }

    .headline-subline-icon-text-btns .headline {
        grid-area: 2/4/2/span 8;
        margin-top: var(--m-md);
    }

    .headline-subline-icon-text-btns .subheadline {
        grid-area: 3/4/3/span 8;
        margin-top: var(--m-xs);
    }

    .headline-subline-icon-text-btns .symbol,
    .headline-subline-icon-text-btns:has(.text-container) .symbol {
        grid-area: 4/4/4/span 8;
        justify-self: center;
    }

    .headline-subline-icon-text-btns .icon-container,
    .headline-subline-icon-text-btns:has(.text-container) .icon-container {
        grid-area: 5/4/5/span 8;
    }

    .headline-subline-icon-text-btns .text-container {
        grid-area: 6/4/6/span 8;
    }

    .headline-subline-icon-text-btns .btns-container {
        grid-area: 7/4/7/span 8;
        justify-self: center;
        margin-top: var(--m-md);
    }
}

@media (max-width: 767.98px) {
    .headline-subline-icon-text-btns .headline {
        grid-area: 2/3/2/span 10;
    }

    .headline-subline-icon-text-btns .subheadline {
        grid-area: 3/3/3/span 10;
    }

    .headline-subline-icon-text-btns .symbol,
    .headline-subline-icon-text-btns:has(.text-container) .symbol {
        grid-area: 4/3/4/span 10;
    }

    .headline-subline-icon-text-btns .icon-container,
    .headline-subline-icon-text-btns:has(.text-container) .icon-container {
        grid-area: 5/3/5/span 10;
    }

    .headline-subline-icon-text-btns .text-container {
        grid-area: 6/3/6/span 10;
        text-wrap: balance;
    }

    .headline-subline-icon-text-btns .btns-container {
        grid-area: 7/3/7/span 10;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .headline-subline-icon-text-btns .headline {
        grid-area: 2/2/2/span 12;
    }

    .headline-subline-icon-text-btns .subheadline {
        grid-area: 3/2/3/span 12;
    }

    .headline-subline-icon-text-btns .symbol,
    .headline-subline-icon-text-btns:has(.text-container) .symbol {
        grid-area: 4/2/4/span 12;
    }

    .headline-subline-icon-text-btns .icon-container,
    .headline-subline-icon-text-btns:has(.text-container) .icon-container {
        grid-area: 5/2/5/span 12;
    }

    .headline-subline-icon-text-btns .text-container {
        grid-area: 6/2/6/span 12;
    }

    .headline-subline-icon-text-btns .btns-container {
        grid-area: 7/2/7/span 12;
    }
}