.ReadMore_toggle {
	width:100%;
  	margin-top: 12px;
  	cursor: pointer;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	overflow: hidden;
  	position:relative;
  	transition:0.3s ease;
	background-color: rgb(0 0 0 / 0%);
    border: none;
}
.ReadMore_toggle:before,
.ReadMore_toggle:after{
	content:'';
	display:block;
	height:1px;
	background-color:#000;
	flex-grow:1;
}
.ReadMore_toggle span {
	position: relative;
	width: 24px;
	min-width: 24px;
	height: 24px;
	min-height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(255 255 255 / 0);
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	color:#000;
	font-family: monospae;
	font-size: 20px;
}
.ReadMore_toggle span:before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: calc(100% - 12px);
    background-color: #000;
}
.ReadMore_toggle span:after {
    content: '';
    display: block;
    position: absolute;
    height: calc(100% - 12px);
    width: 1px;
    background-color: #000;
	transition:0.3s ease;
}
.ReadMore_toggle.opened span:after{
	transform:rotate(90deg);
}
@media (min-width:1121px){
  .ReadMore_toggle:hover{
    mix-blend-mode:difference;
  }
}

/* COLORS */
.ReadMore[data-color="1"] .ReadMore_toggle span{
  border-color: var(--color-1);
}
.ReadMore[data-color="1"] .ReadMore_toggle:before,
.ReadMore[data-color="1"] .ReadMore_toggle:after,
.ReadMore[data-color="1"] .ReadMore_toggle span:before,
.ReadMore[data-color="1"] .ReadMore_toggle span:after{
  background-color: var(--color-1);
}

.ReadMore[data-color="2"] .ReadMore_toggle span{
  border-color: var(--color-2);
}
.ReadMore[data-color="2"] .ReadMore_toggle:before,
.ReadMore[data-color="2"] .ReadMore_toggle:after,
.ReadMore[data-color="2"] .ReadMore_toggle span:before,
.ReadMore[data-color="2"] .ReadMore_toggle span:after{
  background-color: var(--color-2);
}

.ReadMore[data-color="3"] .ReadMore_toggle span{
  border-color: var(--color-3);
}
.ReadMore[data-color="3"] .ReadMore_toggle:before,
.ReadMore[data-color="3"] .ReadMore_toggle:after,
.ReadMore[data-color="3"] .ReadMore_toggle span:before,
.ReadMore[data-color="3"] .ReadMore_toggle span:after{
  background-color: var(--color-3);
}

.ReadMore[data-color="4"] .ReadMore_toggle span{
  border-color: var(--color-4);
}
.ReadMore[data-color="4"] .ReadMore_toggle:before,
.ReadMore[data-color="4"] .ReadMore_toggle:after,
.ReadMore[data-color="4"] .ReadMore_toggle span:before,
.ReadMore[data-color="4"] .ReadMore_toggle span:after{
  background-color: var(--color-4);
}

.ReadMore[data-color="5"] .ReadMore_toggle span{
  border-color: var(--color-5);
}
.ReadMore[data-color="5"] .ReadMore_toggle:before,
.ReadMore[data-color="5"] .ReadMore_toggle:after,
.ReadMore[data-color="5"] .ReadMore_toggle span:before,
.ReadMore[data-color="5"] .ReadMore_toggle span:after{
  background-color: var(--color-5);
}

.ReadMore[data-color="6"] .ReadMore_toggle span{
  border-color: var(--color-6);
}
.ReadMore[data-color="6"] .ReadMore_toggle:before,
.ReadMore[data-color="6"] .ReadMore_toggle:after,
.ReadMore[data-color="6"] .ReadMore_toggle span:before,
.ReadMore[data-color="6"] .ReadMore_toggle span:after{
  background-color: var(--color-6);
}

.ReadMore[data-color="7"] .ReadMore_toggle span{
  border-color: var(--color-7);
}
.ReadMore[data-color="7"] .ReadMore_toggle:before,
.ReadMore[data-color="7"] .ReadMore_toggle:after,
.ReadMore[data-color="7"] .ReadMore_toggle span:before,
.ReadMore[data-color="7"] .ReadMore_toggle span:after{
  background-color: var(--color-7);
}

.ReadMore[data-color="8"] .ReadMore_toggle span{
  border-color: var(--color-8);
}
.ReadMore[data-color="8"] .ReadMore_toggle:before,
.ReadMore[data-color="8"] .ReadMore_toggle:after,
.ReadMore[data-color="8"] .ReadMore_toggle span:before,
.ReadMore[data-color="8"] .ReadMore_toggle span:after{
  background-color: var(--color-8);
}

.ReadMore[data-color="9"] .ReadMore_toggle span{
  border-color: var(--color-9);
}
.ReadMore[data-color="9"] .ReadMore_toggle:before,
.ReadMore[data-color="9"] .ReadMore_toggle:after,
.ReadMore[data-color="9"] .ReadMore_toggle span:before,
.ReadMore[data-color="9"] .ReadMore_toggle span:after{
  background-color: var(--color-9);
}

.ReadMore[data-color="10"] .ReadMore_toggle span{
  border-color: var(--color-10);
}
.ReadMore[data-color="10"] .ReadMore_toggle:before,
.ReadMore[data-color="10"] .ReadMore_toggle:after,
.ReadMore[data-color="10"] .ReadMore_toggle span:before,
.ReadMore[data-color="10"] .ReadMore_toggle span:after{
  background-color: var(--color-10);
}

.ReadMore[data-color="11"] .ReadMore_toggle span{
  border-color: var(--color-11);
}
.ReadMore[data-color="11"] .ReadMore_toggle:before,
.ReadMore[data-color="11"] .ReadMore_toggle:after,
.ReadMore[data-color="11"] .ReadMore_toggle span:before,
.ReadMore[data-color="11"] .ReadMore_toggle span:after{
  background-color: var(--color-11);
}

.ReadMore[data-color="12"] .ReadMore_toggle span{
  border-color: var(--color-12);
}
.ReadMore[data-color="12"] .ReadMore_toggle:before,
.ReadMore[data-color="12"] .ReadMore_toggle:after,
.ReadMore[data-color="12"] .ReadMore_toggle span:before,
.ReadMore[data-color="12"] .ReadMore_toggle span:after{
  background-color: var(--color-12);
}