.intro{
    width: 100%;
    display:grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
    grid-row-gap: var(--padding);
    grid-column-gap: var(--padding);
    margin: 6rem 0 ;
  }
  
.intro > h3 {
    grid-column-start: 1;
    grid-column-end: 7;
}

.intro_slider_btn {
    display:flex;
    margin-bottom:6px;
}

.intro_slider_btn .arrow-icon-container {
    cursor: pointer;
}

.intro_slider_btn .arrow-icon-container:hover {
    background-color: black;
}
.intro_slider_btn .arrow-icon-container:hover .arrow {
    fill: white;
    transition: all 0.3s ease-in-out;
}

.row_title {
    display:flex;
    align-items: flex-end;
    justify-content: space-between;
}

.row_title a {
    width: fit-content;
}

@media screen and (min-width: 60rem) {
    .intro > h3 {
        grid-column-start: 2;
        grid-column-end: 6;
    }

    .row_title {
        align-items: center;
    }
}