.landing-actions {
    display: grid;
    gap: var(--space-neutral);
    grid-template-columns: repeat(auto-fit, minmax(11em, 1fr));
    text-align: center;
}

.landing-actions a, .landing-actions a:visited {
    color: var(--color-ink);
}

.landing-actions__item {
    width: auto;
    margin-bottom: 1em;
    font-style: italic;
    text-align: center;
    line-height: 1.25;
    background: var(--color-white);
    align-items: center;
    border: none;
    border-radius: .8em;
    box-shadow: 0 0 0 1px rgba(var(--rgb-black), 0.02),0 .2em 1.6em -0.8em rgba(var(--rgb-black), 0.2),0 .4em 2.4em -1.2em rgba(var(--rgb-black), 0.3),0 .4em .8em -1.2em rgba(var(--rgb-black), 0.4),0 .8em 1.2em -1.6em rgba(var(--rgb-black), 0.5),0 1.2em 1.6em -2em rgba(var(--rgb-black), 0.6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--space-large);
    position: relative;
    transition: box-shadow var(--transition),transform var(--transition);
    will-change: transform;
}

.landing-actions__item:hover, .landing-actions__item:focus {
    box-shadow: 0 0 0 1px rgba(var(--rgb-black), 0.02),0 .2em 1.6em -0.5em rgba(var(--rgb-black), 0.2),0 .4em 2.4em -0.9em rgba(var(--rgb-black), 0.3),0 .4em .8em -0.9em rgba(var(--rgb-black), 0.4),0 .8em 1.2em -1.3em rgba(var(--rgb-black), 0.5),0 1.2em 1.6em -1.7em rgba(var(--rgb-black), 0.6);
    transform: scale(1.01);
}

.landing-actions__icon {
    display: block;
    width: 7.75em;
    height: 3.75em;
}

.landing-actions__icon--casetrove {
    background: url("../images/logos/casetrove_logo.png") center/100% no-repeat;
}

.landing-actions__icon--lutino {
    background: url("../images/logos/lutino_logo.png") center/100% no-repeat;
}