p#quote {
    padding-inline-start: 35px;
    border-left: rgb(119, 136, 153, .2) 5px solid;
    transition: all .5s ease;
    background-color: rgb(119, 136, 153, .05);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: var(--dark-gray);
}

p#quote:hover {
    border-left: rgb(119, 136, 153, .8) 5px solid;
    background-color: rgb(119, 136, 153, .025);
    color: black;
}

p#quote:hover:before, p#quote:hover:after{
    color: rgb(119, 136, 153, .85);
}

p#quote:before {
    content: '“';
    font-size: xx-large;
    color: rgb(119, 136, 153, .5);
    padding-right: 5px;
    transition: all .5s ease;
    position: relative;
    top: 3px;
}

p#quote:after {
    content: '”';
    font-size: xx-large;
    color: rgb(119, 136, 153, .5);
    padding-left: 5px;
    transition: all .5s ease;
    position: relative;
    top: 3px;
}