/* Icon close */

.icon-close {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.icon-close:before,
.icon-close:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #888;
    position: absolute;
    top: 50%;
}

.icon-close:before {
    transform: translate(0, -50%) rotate(-45deg);
}

.icon-close:after {
    transform: translate(0, -50%) rotate(45deg);
}


/* Icon hmaburguer */

.icon-hamburguer {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.icon-hamburguer-item {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #888;
}