.accordion {

	&-toggle {
		@include hide-text();
		position: relative;
		display: inline-block;
		border-radius: 3px;
		width: 32px;
		height: 32px;
		color: $white;
		background-image: $blue-gradient;
    box-shadow: inset 0 -1px 0 0 rgba($black, 0.15);

		&.show {

			svg {
				transform: translate(-50%, -50%) rotate(-180deg);
			}
		}

		svg {
			@include center();
			transition: transform 0.35s;
		}
	}

  &-content {
    display: none;

    &.show {
      display: block;
    }
  }
}
