.section-list-with-box {
    padding: 1.5rem;

    .content-wrapper {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;

        .box-wrapper {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            
            .list-box {
                border-radius: 1rem;
                padding: 1rem;
                
                &:hover{
                    opacity: 0.9;
                }

                &.single-line-link {
                    .list-box-content {
                        &:after {
                            bottom: 0;
                        }
                    }
                }

                .list-box-eyebrow {
                    font-size: var(--14px);
                    margin-bottom: 1rem;
                }
                .list-box-content {
                    display: flex;
                    flex-direction: column;
                    gap: 1.5rem;
                    padding-right: 3rem;
                    position: relative; /* ::after absolute fix */

                    &::after {
                        content:"\e5cc";
                        align-items: center;
                        background-color: var(--color-petrol);
                        border-radius: 100%;
                        bottom: .5rem;
                        color: var(--color-green-light);
                        display: flex;
                        font-family: "Material Symbols Outlined";
                        font-size: 1.7rem;
                        height: 34px;
                        justify-content: center;
                        position: absolute;
                        right:.5rem;
                        width: 34px;
                    }

                    .list-box-title {
                        font-size: 1.5rem;
                        line-height: 2rem;
                    }
                    .list-box-description {
                        font-size: var(--14px);
                        line-height: 1.5rem;
                    }
                }
            }
            .list-box.list-box-link {
                padding: 1.25rem 1rem;

                a {
                    border-bottom: none;
                    display: block;
                    position: relative;

                    &::after {
                        content:"\e313";
                        align-items: center;
                        background-color: var(--color-green-light);
                        border-radius: 100%;
                        bottom: -7px;
                        color: var(--color-petrol);
                        display: flex;
                        font-family: "Material Symbols Outlined";
                        font-size: 1.7rem;
                        height: 34px;
                        justify-content: center;
                        padding-top: 4px;
                        position: absolute;
                        right:.5rem;
                        width: 34px;
                    }
                }

                a:link {
                    color: var(--color-white);
                }

            }
        }
    }
}

@media (min-width: 768px) {
    .section-list-with-box {
        padding: 3rem 6rem;
    }
}

@media (min-width: 1090px) {
    .section-list-with-box {
        .content-wrapper {
            flex-direction: row;

            .text-wrapper {
                width: 100%;
            }
            .list-wrapper {
                width: 85%;
            }
        }
    }
}

@media (min-width: 1600px) {
    .section-list-with-box {
        .content-wrapper {
            .text-wrapper {
                width: auto;
            }
        }
    }
}