

/* Start:/local/templates/new/components/bitrix/news.detail/pif/style.css?17518889463825*/
.invest-button {
    padding: 12px 18px 12px 18px;
    gap: 10px;
    background: #73A8BA;
    color: #ffffff;
    transition: .5s;
    outline: solid 1px rgba(115, 168, 186, 1);
    border-radius: 4px;
    cursor: pointer;
    width: max-content;
}

.invest-button:hover {
    transition: .5s;
    background: rgba(115, 168, 186, 1)!important;
    color: #fff!important;
    text-decoration: none;
}

.invest-button__container {
    display: flex;
    position: relative;
    flex-direction: column;
}

.gold-block {
    background: linear-gradient(282.68deg, #FCE6BC -9.24%, #e6c685 105.46%);
    max-width: 421px;
    width: 100%;
    height: max-content;
    border-radius: 13px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    position: relative;
    top: -125px;
    left: 65%;
}

.gold-block-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gold-block-header .gold-bar {
    width: 46px;
    height: 46px;
}

.gold-block-name {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #070E13;
    text-align: left;
}

.gold-block-value {
    max-width: 381px;
    width: 100%;
    height: 62px;
    display: flex;
    gap: 4px;
    justify-content: center;
}

.gold-block-card {
    width: 55px;
    height: 57px;
    border-radius: 7px;
    background: #FFFFFF33;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gold-block-card-value {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    background-image: linear-gradient(90deg, #C5A243 0%, #A27D1B 100%);
    background-size: 100%;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gold-block-coma {
    width: 27px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gold-block-coma-value {
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    background-image: linear-gradient(90deg, #C5A243 0%, #A27D1B 100%);
    background-size: 100%;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gold-block-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: left;
}

@media (max-width: 1024px) {
    .gold-block {
        max-width: 390px;
        top: inherit;
        left: inherit;
        margin-top: 24px;
    }

    .gold-block-name {
        font-weight: 600;
        font-size: 16px;
        line-height: 140%;
    }

    .gold-block-header .gold-bar {
        width: 40px;
        height: 40px;
    }

    .gold-block-card {
        width: 50px;
        height: 50px;
    }

    .gold-block-card-value {
        font-weight: 700;
        font-size: 17px;
        line-height: 120%;
    }

    .gold-block-coma {
        width: 27px;
        height: 32px;
    }

    .gold-block-value {
        height: 50px;
    }

    .gold-block-date {
        font-weight: 600;
        font-size: 13px;
        line-height: 140%;
        margin-top: 5px;
    }
}

@media (max-width: 767px) {
    .gold-block {
        padding: 10px;
        max-width: 310px;
        top: inherit;
        left: inherit;
        margin-top: 24px;
    }

    .gold-block-name {
        font-weight: 600;
        font-size: 14px;
        line-height: 120%;
    }

    .gold-block-header .gold-bar {
        width: 30px;
        height: 30px;
    }

    .gold-block-card {
        width: 32px;
        height: 32px;
    }

    .gold-block-card-value {
        font-weight: 700;
        font-size: 17px;
        line-height: 120%;
    }

    .gold-block-coma {
        width: 27px;
        height: 32px;
    }

    .gold-block-value {
        height: 32px;
    }

    .gold-block-date {
        font-weight: 600;
        font-size: 12px;
        line-height: 140%;
        margin-top: 5px;
    }
}
/* End */
/* /local/templates/new/components/bitrix/news.detail/pif/style.css?17518889463825 */
