.activeBtn {
    &:focus {
        border-color: black;
    }

    // 펼쳐졌을 때
    &:not(.collapsed) {
        color: black;
        border-bottom: 1px solid #000000;
        white-space: normal;

        & .period {
            display: block;
        }

        & .time {
            display: none;
        }
    }

    // 숨겨졌을 때
    &[class~="collapsed"] {
        border-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        & .period {
            display: none;
        }

        & .time {
            display: block;
        }
    }

    &::after {
        display: none;
    }
}

.textBox {
    white-space: pre-line;
}