﻿body {
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight);
}

.text-h2 {
    padding-top: var(--headingh2padding-top);
    padding-bottom: var(--headingh2padding-bottom);
    font-family: var(--heading-font-family);
    font-weight: var(--heading-h2-font-weight);
    font-size: var(--heading-h2-font-size);
    line-height: var(--heading-h2-line-height);
}


.text-h7 {
    font-family: var(--heading-font-family);
    font-weight: var(--heading-h7-font-weight);
    font-size: var(--heading-h7-font-size);
    line-height: var(--heading-h7-line-height);
}

.text-b3 {
    font-size: var(--text-b3-font-size);
    line-height: var(--text-b3-line-height);
}

.text-b4 {
    font-size: var(--text-b4-font-size);
    line-height: var(--text-b4-line-height);
}

.spacer-8 {
    height: 8px;
}

.spacer-12 {
    height: 12px;
}

.spacer-16 {
    height: 16px;
}

.spacer-32 {
    height: 32px;
}

.spacer-40 {
    height: 40px;
}

.facelif-continue-btn {
    background-color: var(--primary-button-color);
    border: 1px;
    border-color: var(--primary-button-color);
    color: var(--primary-button-text-color);
    line-height: 20px;
    border-radius: 6px;
    border-width: var(--border-width);
    padding: var(--btnpadding-y) var(--btnpadding-x);
}

.facelif-btn-text {
    padding-top: 3px;
    padding-bottom: 4px;
}

.facelift-filters > aside {
    float: left;
    width: 265px;
    margin-right: 10px;
}

    .facelift-filters > aside legend {
        font-family: Roboto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: rgba(0, 0, 0, 0.88);
        border-bottom: none;
    }


.btn-info-facelift {
    width: 100%;
    height: 44px;
    align-self: stretch;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border: solid 1px var(--colorDarkGrey-reskin);
    margin-top: 20px;
    background-color: transparent;
    border-radius: 8px;
}

    .btn-info-facelift:hover {
        border: solid 1px var(--colorDarkGrey-reskin);
    }

.btn-info-facelift-span {
    align-self: center;
    color: #126BD6;
    font-family: Roboto;
    letter-spacing: 0.16px;
}

    .btn-info-facelift-span:hover {
        color: var(--colorDarkGrey-reskin);
    }

