.platform-link {
    display: block;
    background-color: rgba(2, 53, 48, 0.3);
    backdrop-filter: blur(4px);
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(237, 238, 232, 0.2);
    color: var(--light-cream);
    transition: all 0.3s ease;
}

.platform-link:hover {
    transform: translateY(-2px);
    background-color: rgba(76, 103, 88, 0.3);
    border-color: rgba(237, 238, 232, 0.3);
}

.platform-link .fa-arrow-right {
    transition: transform 0.3s ease;
}

.platform-link:hover .fa-arrow-right {
    transform: translateX(4px);
}

/* Override background image opacity for content page */
.background-image {
    opacity: 0.3;
}