.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: $color-primary;
    background: url('../../assets/images/back.png') no-repeat 0 0;
    vertical-align: middle;
    position: relative;
    top: -0.1rem;
    margin-right: 1rem;
    &.icon-cross {
        background-image: url('../../assets/images/close.png');
        background-size: 1.5rem 1.5rem;
        width: 1.5rem;
        height: 1.5rem;
    }
    &.icon-x {
        // background: url("../../assets/images/cancel-icon.png");
        font-size: 5rem;
    }
    &.icon-contacts {
        background: url('../../assets/images/contacts.png');
        background-size: 2rem 2rem;
        width: 2rem;
        height: 2rem;
        margin-right: 0;
    }
}