@charset "utf-8";


/*ボタン矢印*/
.btn_icon{
    width: 32px;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    align-items: center;
    justify-content: center;
    display: flex;
    .arrow{
        span{
            display: block;
            height: 1px;
        }
        span:nth-child(1){
            width: 6px;
            transform: rotate(-45deg) translate(0, 2.5px);
            border-radius: 1px;
            position: absolute;
            margin-left: 5.8px;
        }
        span:nth-child(2){
            width: 6px;
            transform: rotate(45deg) translate(0, -2.5px);
            border-radius: 1px;
            position: absolute;
            margin-left: 5.8px;
        }
        span:nth-child(3){
            width: 12px;
        }
    }
}



/*

.btn_icon{
    background-color: #;
    .arrow{
        span{
            background-color: #;
        }
    }
}

*/