ul.expandable {
	list-style: none!important;
	margin: 0;padding: 0;

	li{
		background-color: #1E3460;
		border-radius: 0.3rem;
		margin-bottom: 1.3rem;
		padding: 1.5rem 2.5rem;

		button{
			position: relative;
			outline: none;
			padding: 0;
			font-family: "Montserrat", sans-serif;
			font-size: 1.8rem;
			font-weight: 500;
			border: 0;
			width: 100%;
			color: $black;
			text-align: left;
			background-color:transparent;
			.collapse-icon{
				font-size: 2rem;
				position: absolute;
				top: 0;
				right: 0;
				float: right;
				transition: content 0.3s ease-out;

				&:after{
					content: "\2013";
					color: $yellow;
				}
			}

			&:not([aria-expanded="true"]) .collapse-icon:after{
				content: "\0002B";
				color: $yellow;
			}
		}

		p{
			padding-right: 2rem;
			padding-bottom: 0;
			font-size: 1.6rem;
			color: $yellow-efe;

			&:last-child{
				margin: 0;
			}
		}
	}
}