@import url(prices-finishing.css);
.prices-finishing-balcon h2 {
	font-size: 22px;
}
.prices-finishing-balcon .content__btn {
    margin-bottom: 20px;
}
.prices-finishing-balcon .btn__list {
    gap: 10px;
}
.prices-finishing-balcon .btn__list .btn__load {
    color: var(--chernyy-500-osnovnoy);
	background: var(--white);
    border: 2px solid var(--chernyy-500-osnovnoy);
    border-radius: 12px;
    height: 50px;
    font-family: var(--second-family);
    font-weight: 900;
    font-size: 18px;
}
.prices-finishing-balcon .btn__load.is-active {
    background: var(--chernyy-500-osnovnoy);
    color: var(--white);
    pointer-events: none;
}
@media (min-width: 768px) {
	.prices-finishing-balcon h2 {
		font-size: 38px;
	}	
	.prices-finishing-balcon .content__btn {
		margin-bottom: 30px;
	}
	.prices-finishing-balcon .btn__list {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}	
	.prices-finishing-balcon .btn__list .btn__load {
		height: 60px;
	}	
}
@media (min-width: 1024px) {
	.prices-finishing-balcon h2 {
		font-size: 40px;
	}	
    .prices-finishing-balcon .content__btn {
        margin-bottom: 20px;
    }	
	.prices-finishing-balcon .btn__list {
		gap: 0;
		border: 2px solid var(--chernyy-500-osnovnoy);
		background: var(--chernyy-500-osnovnoy);
		border-radius: 10px;
		overflow: hidden;
	}
    .prices-finishing-balcon .btn__list .btn__load {
        height: 50px;
		border-radius: 0;
        border: 0;		
    }	
	.prices-finishing-balcon .btn__item + .btn__item {
		border-left: 2px solid var(--chernyy-500-osnovnoy);
	}	
}