.c-feature-box {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 20px 2px #eaeaea;
  text-decoration: none; }
  .c-feature-box:hover, .c-feature-box:focus {
    text-decoration: none;
    box-shadow: 0 0 30px 2px #dddddd; }
  .c-feature-box img {
    align-self: center;
    width: 100%; }
  .c-feature-box p {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    padding: 2rem 2rem 0;
    margin: 0 0 1rem;
    color: var(--color-secondary-base); }
    .c-feature-box p:before {
      content: '';
      display: inline-block;
      width: 2vw;
      height: 2px;
      background: var(--color-secondary-base);
      vertical-align: middle;
      margin-right: 1em; }
  .c-feature-box h2 {
    font-size: 1.875rem;
    padding: 0 2rem 2rem;
    margin: 0; }
  .c-feature-box--border-radius {
    border-radius: .5rem; }
    .c-feature-box--border-radius img {
      border-radius: .5rem;
      margin: 0; }
  .c-feature-box--border-radius-tr {
    border-top-right-radius: 2rem;
    margin-top: 2rem; }
    .c-feature-box--border-radius-tr img {
      border-top-right-radius: 3rem;
      margin: 0 2rem -2rem 0;
      transform: translateY(-2rem); }
  .c-feature-box--circle {
    align-items: center; }
    .c-feature-box--circle p:before {
      display: none; }
    .c-feature-box--circle img {
      border-radius: 99rem;
      box-shadow: 0 0 0 5px var(--color-secondary-base);
      margin: 2rem auto 0;
      max-width: 70%; }
    .c-feature-box--circle:after {
      content: '\f2ee';
      color: #fff;
      background: var(--color-secondary-base);
      display: flex;
      font: normal normal normal 1.25rem/1 Material-Design-Iconic-Font;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      padding: 1rem 1rem;
      line-height: 1;
      height: 3rem;
      margin-bottom: 2rem;
      border-radius: 99rem;
      width: 3rem;
      align-items: center;
      justify-content: center; }