/*****************************************
|     Article Prescrire Price Module     |
*****************************************/

.box-prescrire-price {
    display: flex;
    width: 100%;
    height: 400px;
    padding: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border: 1px solid var(--gray-200, #EAECF0);
    background: #FFF;
}

.box-article-prescrire-price {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.box-article-prescrire-price-img {
    width: 27%;
}

    .box-article-prescrire-price-img img {
        width: 100%;
        height: auto;
    }

.article-prescrire-price {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}


.year-prescrire-price {
    display: flex;
    height: 32px;
    width: auto;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--blue-light, #E9F3FE);
}


.footer-prescrire-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    height: 40px;
}

    .footer-prescrire-price button {
        display: flex;
        height: 40px;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid var(--primary-blue, #004987);
        color: var(--primary-blue, #004987);
        text-align: center;
        font-family: var(--font-asap);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        background-color: #FFF;
    }

        .footer-prescrire-price button:hover {
            display: inline-flex;
            height: 40px;
            padding: 12px 16px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            align-self: stretch;
            flex-shrink: 0;
            border-radius: 8px;
            border: 1px solid var(--gray-500, #667085);
            color: var(--primary-blue, #004987);
            text-align: center;
            font-family: var(--font-asap);
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px; /* 150% */
            background: var(--gray-200, #EAECF0);
        }

.video-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    align-self: stretch;
    color: var(--primary-blue, #004987);
    text-align: center;
    font-family: Material Icons Outlined;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.social-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-row {
    display: flex;
    height: 40px;
    align-items: flex-start;
    gap: 8px;
}

.pane-prescrire-article {
    display: flex;
    width: 100%;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border: 1px solid var(--gray-300, #D0D5DD);
    background: #FFF;
}

/*****************************************
|   End Article Prescrire Price Module   |
*****************************************/