.flex-layout.info_sidebar-layout {
    padding: 0;
    margin: 0;
}

.flex-layout.info_sidebar-layout .info_sidebar-card {
    background-color: var(--color-black);
    color: var(--color-white);
    border-radius: var(--border-radius);

    padding: max(1.5rem, calc(3 * var(--su)));
    display: flex;
    flex-direction: column;
    gap: max(1.5rem, calc(1.5 * var(--su)));
}

.flex-layout.info_sidebar-layout .pk-heading {
    color: var(--color-white);
    margin: 0;
}

.flex-layout.info_sidebar-layout .info_sidebar-block {
    display: flex;
    flex-direction: column;
    gap: max(1rem, calc(1.5 * var(--su)));
}

.flex-layout.info_sidebar-layout .info_sidebar-block-text p,
.flex-layout.info_sidebar-layout .info_sidebar-footer-text p {
    margin: 0;
}

/* Outlined buttons on dark card */
.flex-layout.info_sidebar-layout .pk-button-group {
    margin: 0;
}

.flex-layout.info_sidebar-layout .pk-button-group .pk-button {
    background-color: transparent;
    border-color: var(--color-white);
    color: var(--color-white);
    align-self: flex-start;
}

.flex-layout.info_sidebar-layout .pk-button-group .pk-button:hover {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
}

.flex-layout.info_sidebar-layout .pk-button-group .pk-button:hover .material-symbols-outlined {
    color: var(--color-black);
}

.flex-layout.info_sidebar-layout .info_sidebar-socials .pk-socials {
    display: flex;
    gap: max(0.75rem, calc(0.75 * var(--su)));
}

.flex-layout.info_sidebar-layout .info_sidebar-socials .pk-socials .pk-socials-item {
    border-radius: 100px;
    background: rgba(252, 96, 96, 0.33);
    height: max(2rem, calc(2 * var(--su)));
    width: max(2rem, calc(2 * var(--su)));
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-layout.info_sidebar-layout .info_sidebar-socials .pk-socials .pk-socials-item svg {
    height: max(1rem, calc(1 * var(--su)));
    width: max(1rem, calc(1 * var(--su)));
    fill: var(--tpa-orange);
}