.readmore__style .color-style {
    color: #b89b5e;
}



.readmore__style .x-n_m {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding-right: .5rem;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.readmore__style .x-n_m .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(100%) rotate(90deg);
    transform: translateX(100%) rotate(90deg);
    font-size: 32px;
}
.readmore__style .icon {
    --size: 1em;
    display: inline-block;
    color: inherit;
    fill: currentColor;
    height: var(--size);
    width: var(--size);
    line-height: 1;
    flex-shrink: 0;
    max-width: initial;
}

.readmore__style .readmore__style .x-n_m:hover .icon circle {
    stroke-dashoffset: 200;
    transition: stroke-dashoffset .2s .1s;
}
.readmore__style .x-n_m:hover .icon circle {
    stroke-dashoffset: 200;
    transition: stroke-dashoffset .2s .1s;
}
.readmore__style .x-n_m .icon circle {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset .2s;
}
.readmore__style .x-n_m:hover .icon line {
    -webkit-transform: rotate(-180deg);
    transform: rotate( -180deg);
}
.readmore__style .x-n_m:hover .icon line {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.readmore__style .x-n_m:hover .icon line {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.readmore__style .x-n_m .icon line {
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    -webkit-transform-origin: 13px 15px;
    transform-origin: 13px 15px;
}
.readmore__style .x-n_m:hover .icon line:last-child {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.readmore__style .x-n_m:hover .icon line:last-child {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.readmore__style .x-n_m:hover .icon line {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.readmore__style .x-n_m:hover .icon line {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.readmore__style .x-n_m:hover .icon line {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.readmore__style .x-n_m .icon line:last-child {
    -webkit-transform-origin: 19px 15px;
    transform-origin: 19px 15px;
}
.readmore__style .x-n_m .icon line {
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    -webkit-transform-origin: 13px 15px;
    transform-origin: 13px 15px;
}

.readmore__style .x-n_m::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100%);
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: -webkit-transform .2s .1s;
    transition: transform .2s .1s;
    transition: transform .2s .1s,-webkit-transform .2s .1s;
}
.readmore__style .x-n_m:hover::before {
    -webkit-transform: translateX(17px) scaleX(0);
    transform: translateX(17px) scaleX(0);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
}