/*
put any CSS shared by all instances
of this component here. Also be sure to add this file
to the styleRefs array in elastic
*/
section#legacy .boxed-button .title h3  {
    font-size: 26px;
    font-family: 'hn-bold';
    color: #4d4d4d;
    margin-bottom: 0;
}

section#legacy .boxed-button p {
    font-size: 1rem;
    line-height: 24px;
    color: #4d4d4d;
}

section#legacy .box-center {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
section#legacy .box-center .title div{
    font-family: 'hn-bold';
    color: #4d4d4d;
}

section#legacy .imperial-btn-blue {
    background-color: #407EC9;
    color: #fff;
    border: 1px solid #000;
  }
section#legacy .boxed-button a {
    position: relative;

}
section#legacy .boxed-button i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

section#legacy .boxed-button span {
    display: inline-block;
    max-width: 70%;
}
section#legacy .boxed-button span, section#legacy .boxed-button a i {
    vertical-align: middle;
    text-transform: none;
}