.c-service-icon {
  height: 100%;
  padding-top: 100%;
  position: relative;
  width: 100%; }

.c-service-icon__inner {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.c-service-icon__link {
  border: 1px solid #417925;
  -webkit-box-shadow: 0 0 0 #417925;
          box-shadow: 0 0 0 #417925;
  color: #fff;
  z-index: 1; }
  .c-service-icon__link:hover, .c-service-icon__link:active {
    border-color: #046A38; }
  .c-service-icon__link:active {
    -webkit-box-shadow: 0 0 4px #417925;
            box-shadow: 0 0 4px #417925; }

.c-service-icon__icon {
  display: block;
  height: 100%;
  margin: auto;
  width: 100%; }
  .c-service-icon__icon svg {
    fill: #fff;
    padding: 25%;
    height: 100%;
    width: 100%; }