.link{position:relative;display:inline-block;border:none;background:none;transition:.25s;color:inherit}

.link::before{content:'';position:absolute;bottom:0;left:50%;width:0;transform:translateX(-50%);opacity:0;border-bottom:2px solid;transition:width .25s}

.link:hover{color:inherit}

.link:hover::before{width:100%;opacity:1}

.link-icon{vertical-align:middle;padding-left:.6em}

.link.link-primary{color:#27ACA9}

.link.link-primary:hover{color:#27ACA9}

.context-dark .link.link-primary{color:#27ACA9}

.context-dark .link.link-primary:hover{color:#fff}

.context-dark .link.link-primary::before{border-bottom-color:#27ACA9}

.link.link-secondary{color:#00AEE0}

.link.link-secondary:hover{color:#00AEE0}

.context-dark .link.link-secondary{color:#fff}

.context-dark .link.link-secondary:hover{color:#fff}

.context-dark .link.link-secondary::before{border-bottom-color:#00AEE0}

.link.link-success{color:#77ba21}

.link.link-success:hover{color:#77ba21}

.context-dark .link.link-success{color:#77ba21}

.context-dark .link.link-success:hover{color:#fff}

.context-dark .link.link-success::before{border-bottom-color:#77ba21}

.link.link-info{color:#138ce4}

.link.link-info:hover{color:#138ce4}

.context-dark .link.link-info{color:#138ce4}

.context-dark .link.link-info:hover{color:#fff}

.context-dark .link.link-info::before{border-bottom-color:#138ce4}

.link.link-warning{color:#f19711}

.link.link-warning:hover{color:#f19711}

.context-dark .link.link-warning{color:#f19711}

.context-dark .link.link-warning:hover{color:#fff}

.context-dark .link.link-warning::before{border-bottom-color:#f19711}

.link.link-danger{color:#e72660}

.link.link-danger:hover{color:#e72660}

.context-dark .link.link-danger{color:#e72660}

.context-dark .link.link-danger:hover{color:#fff}

.context-dark .link.link-danger::before{border-bottom-color:#e72660}

.link.link-light{color:#f7f7f7}

.link.link-light:hover{color:#f7f7f7}

.context-dark .link.link-light{color:#f7f7f7}

.context-dark .link.link-light:hover{color:#fff}

.context-dark .link.link-light::before{border-bottom-color:#f7f7f7}

.link.link-dark{color:#171724}

.link.link-dark:hover{color:#171724}

.context-dark .link.link-dark{color:#68689f}

.context-dark .link.link-dark:hover{color:#fff}

.context-dark .link.link-dark::before{border-bottom-color:#68689f}


/*# すべての#31c77f→#27ACA9, すべての#6b39bd→#00AEE0にcolorを変更した */


/*# 以下追加 */

.link.link-primary-b{color:#27ACA9;font-weight:500}

.link.link-primary-b:hover{color:#27ACA9;font-weight:500}

.link.link-secondary-b{color:#00AEE0;font-weight:500}

.link.link-secondary-b:hover{color:#00AEE0;font-weight:500}

.link.link-footer{color:#aeaeb2}

.link.link-footer:hover{color:#aeaeb2}

.context-dark .link.link-footer{color:#aeaeb2}

.context-dark .link.link-footer:hover{color:#fff}

.context-dark .link.link-footer::before{border-bottom-color:transparent}