.share-selection-window__card,
.share-selection-window__card-active  {
  border-radius: var(--fcr_cornerradius_xl);
  background-color: var(--fcr_web_ui_scene_fill4_popup);
  border: 1px solid var(--fcr_ui_scene_line1);
  flex: 0 0 calc(25% - 8px); 
  height: 134px;
  padding: 4px;
  box-sizing: border-box;
  overflow: hidden;

}

.share-selection-window__card:hover{
  border: 2px solid var(--fcr_ui_scene_ramp_brand6);
}

.share-selection-window__card:active,
.share-selection-window__card-active{
  border: 2px solid var(--fcr_ui_scene_ramp_brand6);
  background-color: var(--fcr_ui_scene_ramp_brand6);
}

.share-selection-window__card-content {
  border-radius: var(--fcr_cornerradius_xl);
  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
  width: 100%;
  height: 100px;
  border-bottom: 1px solid var(--fcr_ui_scene_line1);
  position: relative;
  overflow: hidden;
}
.share-selection-window__card-content-mask {
  width: 100%;
  height: 100%;
  background-color: var(--fcr_web_ui_scene_fill2);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  color: var(--fcr_ui_scene_icontext7);
  display: flex;

}

.share-selection-window__card:hover .share-selection-window__card-content-mask {
  opacity: 1;
}
.share-selection-window__card-title{
  color:var(--fcr_ui_scene_icontext1);
  text-align: center;
  font-size: 13px;

  line-height: 26px;
}
.share-selection-window__card:active .share-selection-window__card-title,
.share-selection-window__card-active .share-selection-window__card-title{
  color: var(--fcr_ui_scene_white10);
  font-size: 13px;
}
.share-selection-window__card-disabled,
.share-selection-window__card-disabled:hover {
  border: transparent;
  background-color: var(--fcr_ui_scene_ramp_brand4);
  cursor: not-allowed;
}

.share-selection-window__card-disabled .share-selection-window__card-title {
  color: var(--fcr_ui_scene_white10);
}

.share-selection-window__card-disabled path {
  fill: var(--fcr_ui_scene_ramp_brand4);
}