.acu-callout-card {
    aspect-ratio: 1/1;
    color: var(--wp--preset--color--base);
}

.acu-callout-card__link {
    color: var(--wp--preset--color--base);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 2rem;
    position: relative;
    text-decoration: none;
    width: 100%;
    z-index: 1;

    > * {
        position: relative;
        z-index: 1;
    }

    &::after {
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        bottom: 0;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 0;
    }

    &:hover {
        .acu-callout-card__arrow {
            transform: translateX(1rem);
        }
    }
}

.acu-callout-card__media {
    bottom: 0;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.acu-callout-card__title {
    color: var(--wp--preset--color--base);
    margin: 0.5em 0;
}

.acu-callout-card__text {
    margin: 0;
}

.acu-callout-card__arrow {
    background: url('../../../assets/images/arrow-right.svg') no-repeat center center;
    background-size: contain;
    bottom: 2rem;
    height: 2rem;
    position: absolute;
    right: 2rem;
    transition: transform 0.3s ease-in-out;
    width: 2rem;
    z-index: 1;
}