/* Mathematica section shared responsive styles.

   @file        
   @author      EstevaoT
   ========================================================================== */

/* ==========================================================================
   try/buy/upgrade include
   ========================================================================== */

#try-buy-upgrade {
    background: #404040;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    padding: 2.5rem 2rem;
    text-align: center;
    & h2 {
        font-size: 2.25rem;
        font-weight: 600;
        color: #fff;
        margin-bottom: .5rem;
        & + p {
            font-size: 1.1rem;
            color: #fff;
            margin-bottom: 2rem;
        }
    }
    & > p a {
        color: #ffd777;
        &:hover { color: #ff7700; }
    }
    & > div {
        display: flex;
        justify-content: center;
        gap: 1rem;
        & svg { width:15px; }

    }
    & > div a {
        display: flex;
        gap: .5rem;
        background: #dd1100;
        border-radius: 6px;
        font-size: 1.25rem;
        color: #fff;
        padding: .7rem 1rem;
        &:hover {
            background: #e9671e;
        }
    }
}