.action-card {
    width: 22rem;
    border:thin solid #CCCCCC;
    border-radius:0.5rem;
    overflow:hidden;
}

/* Hover effect for action cards */
.action-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.action-card a {
    text-decoration:none;
}

/* Keyboard focus indicator */
.action-card:focus-within {
    outline: 3px solid #418EF4;
    outline-offset: 3px;
}

.action-card a:focus {
    outline: none;
}
.action-card .card-content {
    display:flex;
    justify-content:space-between;
}
.action-card .textwrap {
    padding:1em;
}
.action-card h3 {
    font-size:18px;
    font-weight:bold;
    color:#000;
    margin:0;
}
.action-card .card-text {
    color:#4A4A4A;
    font-size:16px;
    margin: 0;
    margin-top: 0.5em;
}
.action-card .action-card-arrow {
    max-width:4em;
    background-color:#418EF4;
    color:#fff;
    padding:0.7em;
    display:flex;
    align-items:center;
}
.action-card .action-card-arrow i {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('/static/assets/chevron-circle-right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.action-card .action-card-arrow-secondary {
    background-color:#F37C1E;
}