.c-video {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*! grid-template-rows: repeat(3, 1fr); */
    position: relative;
    overflow: hidden;
    /* aspect-ratio: 16/9; */
    --video-mg: 3rem;
    margin-bottom: 4rem;
    height: max-content;
}

.c-video__player {
    grid-row: 1/4;
    grid-column: 1/3;
    width: 100%;
    border-radius: 4rem;
}

.c-video__quote {
    grid-row: 3;
    grid-column: 2;
    justify-self: end;
    background: var(--main-color);
    opacity: 0.9;
    padding: 2rem;
    border-radius: 3rem;
    width: 50%;
    margin: 0 var(--video-mg) var(--video-mg) 0;
}

.c-video__quote--txt p {
    margin-bottom: 2rem;
}

.c-video__quote p {
    font-size: 2.5rem;
    color: white;
}

.c-video__quote>p {
    font-weight: 300;
}

.c-video__btn-pause {
    align-self: end;
    margin-left: 1rem;
    margin-bottom: 2rem;
    align-items: center;
    justify-content: center;
        border: 0.5rem solid hsl(243.1, 45.3%, 41.6%);
    }

.c-video__btn {
    --btn-w: 5rem;
    --btn-i-w: 3rem;
    --icon-bd-width: var(--btn-i-w);
    --icon-bd-width-2: calc(var(--icon-bd-width) * 0.5);
    grid-row: 3;
    grid-column: 1;
    align-self: end;
    margin: 0 0 var(--video-mg) var(--video-mg);
    justify-content: center;
    align-items: center;
    width: var(--btn-w);
    height: var(--btn-w);  
    background-color: #584CFF; 
}

.c-video__btn-icon {
    width: var(--btn-i-w);
    height: var(--btn-i-w);
    aspect-ratio: 1/1;
    transition: 100ms all ease;
}

.c-video__btn  .cls-1{
    fill: white;
}