.sharebtnbar-container-inner {
	position: relative;
	display: block;
}

.sharebtnbar-container {
	display: block;
}

.sharebtnbar-container:hover .btn_share {
	border-color: var(--cta-button-border);
	color: var(--cta-button-border);
}

.sharebtnbar a {
	display: inline-block;
}

.sharebtnbar a {
	margin: 0 var(--spacer-default) 0 0;
}

.sharebtnbar a:last-of-type {
	margin: 0;
}

.sharebtnbar .icon {
	width: 24px;
	height: 30px;
	font-size: 24px;
	line-height: 30px;
}

.ann_qrcode {
	float: left;
	width: 112px;
	height: 112px;
	position: relative;
	border: solid 1px var(--border-color);
	border-radius: var(--border-radius);
	padding: var(--spacer-xsmall);
	display: inline-block;
}

.ann_qrcode::after {
	content: 'Continua su mobile';
	position: absolute;
	white-space: nowrap;
	bottom: -18px;
	left: 0;
	display: block;
	width: 100%;
	font-size: 10px;
	text-align: center;
	color: var(--color-light);
}

.sharebtnbar-container-withqr {
	display: inline-block; /*21/05/2025*/
}

.sharebtnbar-container-withqr  .ann_qrcode {
	float: left;
	width: 112px;
	height: 112px;
}

.sharebtnbar-container-withqr .sharebtnbar-container {
	float: left;
	width: calc(100% - 132px);
	margin: 0 0 0 20px;	
}

.sharebtnbar-container-withqr .sharebtnbar-container-inner {
	position: relative;
	display: block;
	min-height: 125px; /*21/05/2025*/
}

.sharebtnbar-container-withqr .sharebtnbar-container p {
    margin: 0 0 12px;
    line-height: 14px; /*21/05/2025*/
}

.sharebtnbar-container-withqr .sharebtnbar-container .sharebtnbar {	
	margin: 24px 0 0 0;	 /*21/05/2025*/
}

.sharebtnbar-container-withqr .sharebtnbar a {
    margin: 0 var(--spacer-medium) 0 0;
}

.sharebtnbar-container-withqr .sharebtnbar a {
    margin: 0 var(--spacer-medium) 0 0;
}

.sharebtnbar-container-withqr .sharebtnbar a:last-of-type {
	margin: 0;
}

.sharebtnbar-container-withqr .btn_share  {
	clear: both;
	margin: var(--spacer-small) 0 0 0;
	position: absolute;  /*21/05/2025*/
    left: 0;  /*21/05/2025*/
    bottom: 0;  /*21/05/2025*/
}

.ann_sharemodal{
  position: fixed;
  left: 50%;
}

.ann_sharemodal{
  background: rgb(255, 254, 254);
  padding: 25px;
  border-radius: 15px;
  top: 10%;
  max-width: 480px;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
  transform: translate(-50%, -50%) scale(1.2);
  transition: top 0s 0.2s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
  z-index: 9090;
}

.ann_sharemodal.show {
  top: 50%;
  left: 50%;
  opacity: 1;
  pointer-events: auto;
  transform:translate(-50%, -50%) scale(1);
  transition: top 0s 0s ease-in-out,
              opacity 0.2s 0s ease-in-out,
              transform 0.2s 0s ease-in-out;

}

.ann_sharemodal :is(header, .icons, .field){
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ann_sharemodal header{
  padding-bottom: var(--spacer-default);
  border-bottom: 1px solid var(--border-color);
}

.ann_sharemodal header span {
  font-size: 21px;
  font-weight: 600;
}

/*,
.ann_sharemodal .icons a*/
.ann_sharemodal header .close{
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  transition: all 0.3s ease-in-out;
} 

.ann_sharemodal header .close{
  color: #878787;
  font-size: 17px;
  background: #f3f3f3;
  height: 33px;
  width: 33px;
  cursor: pointer;
}

.ann_sharemodal header .close:hover{
  background: var(--color-xxlight);
}

.ann_sharemodal .content {
  margin: var(--spacer-default) 0;
}
.ann_sharemodal .icons {
  margin: var(--spacer-default) 0;
}

.ann_sharemodal .icons.sharebtnbar {
	position: relative;
	left: 0;
	top: 0;
	right: auto;
	display: block;
	margin: 0 0 var(--spacer-xlarge) 0;
}


.ann_sharemodal .ann_qrcode {
	float: none;
	margin: 0 0 var(--spacer-xlarge) 0;
}

.ann_sharemodal .content p {
  font-size: 16px;
}

.ann_sharemodal .content .field {
  margin: var(--spacer-default) 0 0 0;
}

.ann_sharemodal .content .field input {
  margin: 0 var(--spacer-small) 0 0;
}

.ann_sharemodal .content .field button {
	white-space: nowrap;
}