.spoiler-trigger.active, .spoiler-trigger{
	padding: 5px 18px;
    border-radius: 25px;
	    position: relative;
	width: 100%;
	background-position: right;
	 background-repeat: no-repeat;
    transition: all 0.3s ease;
	color:var(--white);
	display:flex;
}

a.title.spoiler-trigger.active {
    background: var(--brown);
}


.spoiler-trigger:after {
	color: #0b70db;
	text-decoration: none;
	padding-left: 15px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10L8 6L4 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	 display: block;
    content: "";
    height: 15px;
  
    right: 15px;
    position: absolute;
	transition: all 0.3s ease;
}

.spoiler-trigger.active:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transform: translateY(-50%) rotate(0deg);
    
  
    display: block;
    content: "";
    height: 15px;
    top: 20px;
    right: 15px;
    position: absolute;
}

.spoiler-trigger>span{
	 
}
.spoiler-trigger:hover>span{
	 
}
.spoiler-block{
	display: none;
}