.accordion {
    .accordion-list-wrap {
        h3 {
            &:hover,
            &:active,
            &:focus {
                background-color: rgba($black, 0.02);
                color: $dark-green;

                &:before {
                    scale: 1.3;
                }
            }
        }
    }

    .accordion-list {
        &-wrap {
            border-bottom: 1px solid rgba(43, 231, 42, 0.3);
            margin-bottom: 24px;

            &.active {
                h3 {
                    &:before {
                        transform: translateY(-50%) rotate(-45deg);
                    }
                }
            }

            h3 {
                position: relative;
                font-size: 24px;
                line-height: 1.3333;
                text-transform: uppercase;
                cursor: pointer;
                margin-bottom: 12px;
                padding-right: 40px;

                &:hover {
                    color: $primary;
                }

                &:before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: 20px;
                    width: 8px;
                    height: 8px;
                    background: transparent;
                    border-width: 2px 2px 0 0;
                    border-color: $green $green transparent transparent;
                    border-style: solid;
                    transform: translateY(-50%) rotate(136deg);
                    margin-top: -1px;
                    transition: 0.3s ease;
                }
            }

            .slide {
                display: none;
                color: $mid-grey;
                padding-bottom: 12px;

                p {
                    margin-bottom: 20px;

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