/* EMYCODE V43.8.1 - Compact footer application icons */
.v42-footer-app-icons{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:2px;
}
.v42-footer-app-button{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.v42-footer-app-button:hover{
  border-color:#E00000;
  background:rgba(224,0,0,.08);
  transform:translateY(-2px);
}
.v42-footer-app-button.is-disabled{
  opacity:.45;
  cursor:default;
}
.v42-footer-app-button.is-disabled:hover{transform:none;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.025)}
.v42-footer-app-glyph{
  display:block;
  width:21px;
  height:21px;
  background:#fff;
  -webkit-mask-image:var(--app-icon);
  mask-image:var(--app-icon);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  transition:background-color .2s ease;
}
a.v42-footer-app-button:hover .v42-footer-app-glyph{background:#E00000}
@media (max-width:680px){
  .v42-footer-app-button{width:38px;height:38px;border-radius:11px}
  .v42-footer-app-glyph{width:20px;height:20px}
}