.hero .actions a {
    min-height: 44px;
}

.hero .actions a:focus-visible {
    outline: 3px solid var(--green);
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .hero .actions {
        flex-direction: column;
        align-items: stretch;
        gap: .75rem;
        margin: 1.75rem 0 3rem;
    }

    .hero .actions .button {
        width: 100%;
        min-height: 48px;
        padding: .85rem 1rem;
        white-space: nowrap;
    }

    .hero .actions .text-link {
        display: inline-flex;
        width: 100%;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        padding: .65rem 1rem;
        border: 1px solid var(--line);
        border-radius: 3rem;
        background: rgba(255, 255, 255, .55);
        color: var(--green);
        white-space: nowrap;
    }

    .hero .actions .text-link:hover {
        border-color: var(--green);
        background: #fff;
    }
}