/* ============================================================
   Stories Magazine - Estilos para el bloque .visual-section.magazine
   dentro de páginas que NO son body.magazine (ej: playtime)
   Replica los estilos de body.magazine del preload-styles.css
   ============================================================ */

/* --- Botones: columna vertical, fondo rojo, texto blanco --- */

.visual-section.magazine .section-heading__buttons {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-items: stretch;
}

.visual-section.magazine .section-heading__buttons .btn .btn__text {
    background-color: var(--main-color);
    color: #fff;
    text-transform: uppercase;
    padding: 6px 8px 9px 8px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-family: "CocomatPro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    transition: all 0.5s;
}

.visual-section.magazine .section-heading__buttons .btn::after {
    display: none;
}

.visual-section.magazine .section-heading__buttons .btn:hover .btn__text {
    color: var(--main-color);
    background-color: #fff;
}