.hero-action-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.hero-action-icon svg{
  display:block;
  width:100%;
  height:100%;
}

.hero-actions .btn-primary .hero-action-icon{
  color:#fff;
}

@media (min-width:1001px) and (max-width:2400px){
  .hero-action-icon{
    width:19px;
    height:19px;
    flex-basis:19px;
  }
}

@media (max-width:768px){
  .hero-action-icon{
    width:22px;
    height:22px;
    flex-basis:22px;
  }
}