/* Custom styles for Consent page */

.custom-section-container {
    --section-bg-color: white;
    border-radius: 1rem;
    padding: 2rem;
    margin: 2rem;
    border: 1px solid #FCE9EA;
    z-index: 1000;

    --section-padding: 120px 64px 80px 120px;
    --section-width: fit-content;
    --headline-font-size: 32px;
    --headline-line-height: 36px;
    --headline-font-weight: 600;
    --headline-font-style: semi-bold;
    --headline-color: var(--color-grey);

    --subheadline-font-size: 16px;
    --subheadline-font-weight: 400;
    --subheadline-color: var(--color-grey-lighter);
    --subheadline-line-height: 24px;
    --subheadline-font-style: regular;
}

.custom-section-content {
    display: flex;
    @* flex-direction: column;
    *@ gap: 3rem;
    padding-top: 2rem;
    justify-content: center;
    align-items: center
}

.custom-section-container-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 40px;
    padding-bottom: 40px;
    z-index: 1
}

.consent-section-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: stretch;
    gap: 1rem;
    width: 165px;
}

.linkedin-section {
    padding-left: 113px;
    --headline-font-size: 20px;
    --headline-font-weight: 600;
    --headline-font-style: semi-bold;
    --headline-line-height: 36px;
    --headline-color: var(--color-grey-lighter);

    --section-padding: 0 0 0 113px;

    --subheadline-font-size: 14px;
    --subheadline-font-weight: 400;
    --subheadline-color: var(--color-grey-lighter);
    --subheadline-line-height: 20px;
    --subheadline-font-style: regular;
}

.linkedin-section p {
    margin-bottom: 1rem;
}

.linkedin-section span {
    color: var(--color-gray-500);
}

.button-container {
    display: flex;
    padding-top: 2rem;
    justify-content: end;
    width: 100%
}

input.t-checkbox,
input.checkbox[type="checkbox"] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-color: var(--color-gray-900, #34373F) !important;
    border-width: 2px !important;
}

input.checkbox[type="checkbox"]:checked,
input.t-checkbox:checked {
    accent-color: var(--color-red-600, #E1242A) !important;
}