.button-widget08 {
    background-color:var(--red);
    border:none;
    border-radius: 0 0.5em 0.5em 0;
    color:white;
    font-family: 'EB Garamond';
    font-size:1.25em;
    padding: 0.5em 1.5em 0.5em 1.5em;
}


.button-widget08:hover {
    background-color:var(--navy);
}


.img-widget08-svg {
    height:0.7em;
    margin-right:0.25em;
}


.p-widget08-dates {
    color:silver;
    font-size:1.5em;
    font-weight:bold;
    margin:0;
}


.div-widget08-content {
    display:grid;
    grid-template-columns:1fr;
}


.div-widget08-grid {
    gap:0;
    grid-template-columns:auto 1fr;

}


.div-widget08-text {
    padding:1em;
}


.img-widget08-thumb {
    border-radius:0.5em; 
    width:500px;
}


.p-widget08-text {
    font-size:1.2em;
    margin: 1em 0 0 0;
}


.p-widget08-title {
    font-size:2.5em;
    font-weight:bold;
    margin:0;
}


@media only screen and (max-width: 850px) { 
    
    .div-widget08-grid {
        align-items:center;
    }

    .img-widget08-thumb {
        width:400px;
    }
    
    .p-widget08-title {
        font-size:1.8em;
    }
    
    
    .p-widget08-text {
        font-size:1em;
    }
}

@media only screen and (max-width: 720px) { 
    
    .button-widget08 {
        border-radius:0.5em;   
    }

    .div-widget08-button {
        text-align:center;
        width:100%; 
    }
    
    .div-widget08-grid {
        grid-template-columns:1fr;
    }
    
    .div-widget08-image {
        text-align:center;
        margin:0 2em 0 2em;
    }
    
    .div-widget08-text {
        margin:0 2em 0 2em;
    }
    
    .img-widget08-thumb {
        width:300px;
    }


    .p-widget08-dates {
        text-align:center;
    }

    
    .p-widget08-title {
       text-align:center;
    }
}