.collapsible-item{
    width: 100%;  
    margin-top:10px; 
    background-color: #1e1e1e; 
    border-radius: 15px;

    .collapsible-item-title{
        padding: 10px; 
        position: relative; 
        display: flex; 
        align-items:center; 
        cursor: pointer;
        border-radius: 15px;
        transition: all 300ms ease-in;

        &:hover{
            color: #FFDF00;
            transition: all 300ms ease-in;
        }

        .collapsible-item-title-carrot{
            transition: all 300ms linear;
            transform: rotate(-180deg);
            position: absolute;
            background-color:white;
            -webkit-mask: url('/elements/icons/dropdown arrow.svg') no-repeat center;
            mask: url('/elements/icons/dropdown arrow.svg') no-repeat center;
            margin: 5px;
            padding: 7px;
        }
        
        &:hover > .collapsible-item-carrot{
            background-color:#FFDF00;
            transition: all 300ms ease-in;
        }

    }

    .collapsible-item-title-text{
        margin-left: 25px; 
        padding-top:0px;
    }
}


.collapsible-item-content{
    text-align: left;
    background-color: rgba(8,8,8,.99);
    transition: all 0.3s ease;
    /* transform-origin: top right; */
    overflow:hidden;
    border-radius: 15px;
}

.collapsible-item-content-link{
    cursor: pointer;
    margin: 10px;
    font-size: 1.2em; 
    text-decoration: none;
    color: white;

    &:hover{
        color: #FFDF00;
        transition: all 300ms ease-in;
        filter: brightness(85%);
    }
}