Template:Home/Cards - styles/styles.css

/* ============================================ */
/* FACET ROWS (Browse Accessions)                */
/* ============================================ */
.home-facets-grid {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0 0 0;
}
.home-facet-row {
    border-bottom: 1px solid #f0ede5;
}
.home-facet-row:last-child {
    border-bottom: none;
}
.home-facet-row a {
    display: flex;
    align-items: center;
    padding: 10px 0;
    color: #6c757d !important;
    text-decoration: none !important;
    font-size: 0.8125rem;
    transition: color 0.15s ease, padding-left 0.15s ease;
}
.home-facet-row a:hover {
    color: #2d5016 !important;
    padding-left: 4px;
}
.home-facet-row a::after {
    content: "→";
    margin-left: auto;
    color: #2d5016;
    font-weight: 500;
    opacity: 0.45;
    transition: opacity 0.15s ease, transform 0.15s ease;
}
.home-facet-row a:hover::after {
    opacity: 1;
    transform: translateX(2px);
}