.page-grid .block {
    position: relative;
    text-decoration: none;
    color: var(--wp--preset--color--white);
    background: var(--wp--preset--color--septenary);
    background-position: center center;
    background-size: cover;
    border-radius: var(--wp--custom--border-radius--medium);
    aspect-ratio: 2/1;
    justify-content: flex-end;
    overflow: hidden;
}

.page-grid .block:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background: linear-gradient(0deg, rgb(0 0 0 / 75%) 0%, rgba(255, 255, 255, 0) 100%);}

.page-grid.grid .block-header {
    padding: var(--wp--custom--layout--padding);
    position: relative;
    z-index: 50;
}

.page-grid .block-footer {
    padding: 0 var(--wp--custom--layout--small-padding);
    margin-bottom: -15px;
    display: flex;
    justify-content: flex-end;
}

.page-grid .has-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}


.page-grid .icon {
    background: #FFF;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-grid .category {
    text-transform: uppercase;
    letter-spacing: 1px;
}