.p-clause-accordion {
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 10px;
	cursor: pointer;
}

.p-clause-accordion span:first-of-type {
	max-width: calc(100% - 26px);
}

.p-clause-accordion__btn,
.p-clause-accordion__btn--red {
	position: relative;
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 0 0 5px;
	background: #13327b;
}

.p-clause-accordion__btn--red {
	background: #c11920;
}

.p-clause-accordion__btn::after,
.p-clause-accordion__btn::before,
.p-clause-accordion__btn--red::after,
.p-clause-accordion__btn--red::before {
	background: #fff;
	bottom: 0;
	content: "";
	margin: auto;
	position: absolute;
	top: calc(50% - 11px);
	-webkit-transition: .2s;
	transition: .2s
}

.p-clause-accordion__btn::after,
.p-clause-accordion__btn--red::after {
	height: 13px;
	right: 10px;
	width: 1px
}

@media screen and (max-width: 767px) {
	.p-clause-accordion__btn::after,
	.p-clause-accordion__btn--red::after {
		top: calc(50% - 10px);
	}
}

.p-clause-accordion__btn::before,
.p-clause-accordion__btn--red::before {
	height: 1px;
	right: 4px;
	width: 13px
}

@media screen and (max-width: 767px) {
	.p-clause-accordion__btn::before,
	.p-clause-accordion__btn--red::before {
		bottom: auto;
		top: 50%;
	}
}

.p-clause-accordion__content {
	margin-top: 25px;
	display: none
}

.p-clause-accordion__heading.open .p-clause-accordion__btn::after,
.p-clause-accordion__heading--red.open .p-clause-accordion__btn::after,
.p-clause-accordion__heading.open .p-clause-accordion__btn--red::after,
.p-clause-accordion__heading--red.open .p-clause-accordion__btn--red::after {
		height: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

@media screen and (max-width: 767px) {
	.p-clause-accordion__heading.open .p-clause-accordion__btn::after,
	.p-clause-accordion__heading.open .p-clause-accordion__btn--red::after {
		top: 14px
	}
}

.p-clause-accordion__heading.open .p-clause-accordion__btn::before,
.p-clause-accordion__heading.open .p-clause-accordion__btn--red::before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
