.underline-one {
	color: #ffffff; /* Цвет обычной ссылки */
    position: relative;
    cursor: pointer;
    text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 0;
    height: 1px; /* Высота линии */
    background-color: #ffffff; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.4s; /* Время эффекта */
}

.underline-one:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px; /* Высота линии */
    background-color: #ffffff; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.4s;  /* Время эффекта */
}
 .underline-one1 {
	color: #363636; /* Цвет обычной ссылки */
    position: relative;
    cursor: pointer;
    text-decoration: none; /* Убираем подчеркивание */
}
.underline-one1:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 0;
    height: 1px; /* Высота линии */
    background-color: #363636; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.4s; /* Время эффекта */
}

.underline-one1:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px; /* Высота линии */
    background-color: #363636; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.4s;  /* Время эффекта */
}