.float-element-component{position:relative;display:flex;flex-direction:column;margin:0 auto;max-width:500px;padding:16px 20px;background:var(--rds-color-surface-navy);box-shadow:var(--rds-style-shadow-m)}
@media(min-width:1024px){.float-element-component{text-align:center}
}
.float-element-component:after{content:"\e908";position:absolute;top:50%;right:20px;transform:translateY(-50%);font-family:"icomoon";font-size:20px;color:var(--rds-color-surface-white)}
@media(min-width:1024px){.float-element-component:after{display:none}
}
.float-element-component>*{display:block}
.float-element-component .rp-button.isAuthor{min-height:48px;min-width:48px}
.float-element-component .rp-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media(min-width:1024px){.float-element-component .rp-description{-webkit-line-clamp:4}
}
.float-element-component .rds-body-01,.float-element-component .rds-body-01 .rp-description{color:var(--rds-color-surface-white);display:flex;align-items:center}
.float-element-component .rds-body-01 p{color:inherit}
.float-element-component .button-repsol .rds-button{transition:background 0 ease-out}
.float-element-component .button-repsol .rds-button .rp-icon{border:0;margin-right:8px;padding:0;width:auto;height:auto;background:transparent;font-size:25px}
@media(min-width:1024px){.float-element-component .button-repsol{display:block;order:0;margin-top:0;font-size:0}
.float-element-component .button-repsol .rds-button{padding:0;min-width:auto;background:transparent}
.float-element-component .button-repsol .rds-button .rp-icon{margin-right:0;margin-bottom:16px;border:4px solid transparent;padding:12px;width:48px;height:48px;background:#c0ebf2;font-size:20px}
.float-element-component .button-repsol .rds-button .text{display:none}
}
.float-element-component .icon-close{display:none;position:absolute;right:7px;top:-7px;font-size:10px;color:#5c4e3a;z-index:1;cursor:pointer}
.float-element-component .rp-icon{min-height:30px;min-width:30px}
.float-element-component:not(.author-mode){position:fixed;z-index:20;bottom:0;max-width:none;width:100%;border-radius:var(--rds-radius-m) var(--rds-radius-m) 0 0;flex-direction:row;padding:16px 56px 16px 20px}
.float-element-component:not(.author-mode) .rp-icon{min-height:auto;min-width:auto}
.float-element-component:not(.author-mode) .button{padding-left:0;padding-right:0;margin-right:16px;text-align:center;min-height:48px;min-width:48px}
@media(min-width:1024px){.float-element-component:not(.author-mode){top:75vh;right:0;bottom:auto;transform:translatey(-50%);margin:0;border-radius:var(--rds-radius-l) 0 0 var(--rds-radius-l);padding:32px 16px;width:232px;align-items:center;flex-direction:column}
.float-element-component:not(.author-mode) .button{padding-left:0;padding-right:0;margin-bottom:16px;margin-right:0}
}
.rp-intranet-page .float-element-component:not(.author-mode){border-radius:0}
@media(min-width:1024px){.rp-intranet-page .float-element-component:not(.author-mode){border-radius:var(--rds-radius-m) 0 0 var(--rds-radius-m)}
}
.rp-intranet-page .float-element-component:not(.author-mode) .button-repsol{margin-right:16px}
@media(min-width:1024px){.rp-intranet-page .float-element-component:not(.author-mode) .button-repsol{margin-right:0}
}