.layout-wrapper {


    .layout-config-sidebar {
        &.p-sidebar {
            .p-sidebar-content {
                padding-left: 2rem;
                padding-right: 2rem;
            }
        }
    }
}
.layout-config-button {
		display: block;
		position: fixed;
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		background: var(--p-primary-color);
		color: var(--p-primary-color-text);
		text-align: center;
		top: 50%;
		right: 0;
		margin-top: -1.5rem;
		border-top-left-radius: var(--p-border-radius);
		border-bottom-left-radius: var(--p-border-radius);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		transition: background-color var(--p-transition-duration);
		overflow: hidden;
		cursor: pointer;
		z-index: 999;
		box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);

		i {
				font-size: 2rem;
				line-height: inherit;
				transform: rotate(0deg);
				transition: transform 1s;
		}
		.p-button-icon{
			font-size: 1.6rem;
			line-height: inherit;
			transform: rotate(0deg);
			transition: transform 1s;
		}
		.p-button-icon:before{
			position: relative;
			top: -0.6rem;
			left:0.2rem;
		}

		&:hover {
				background: var(--p-primary-400);
		}
}