.shoproku-sticky-widget {position:fixed; top:280px; right:-41px; z-index:99999; -webkit-transition:right 0.3s; transition:right 0.3s; display:none}
.shoproku-sticky-widget.visible {display:block}
 
.shoproku-sticky-widget a {position:relative; z-index:0; display:block}
.shoproku-sticky-widget a .year {position:absolute; top:57px; left:15px; z-index:1; color:#000; font-size:10px; font-weight:700; writing-mode:vertical-rl}
 
.shoproku-sticky-widget .close {position:relative; z-index:1; display:flex; justify-content:space-between; margin:-3px 0 0 0; background-color:#fff; background-image:url(https://www.trestles-shop.sk/user/documents/upload/Ikony/shoproku_widget2024_SK.png); background-position:0 bottom; cursor:pointer; overflow:hidden}
.shoproku-sticky-widget .close .cross {width:44px; margin:0 0 4px 4px; padding:8px 0; background-color:#fff; transition:all 0.3s}
.shoproku-sticky-widget .close .cross div {position:relative; width:12px; height:12px; margin:0 auto}
.shoproku-sticky-widget .close .cross div::before {content:''; position:absolute; left:calc(50% - 2px); height:14px; width:2px; background-color:#333; transform:rotate(45deg)}
.shoproku-sticky-widget .close .cross div::after {content:''; position:absolute; left:calc(50% - 2px); height:14px; width:2px; background-color:#333; transform:rotate(-45deg)}
.shoproku-sticky-widget .close .text {flex-grow:1; display:flex; align-items:center; margin:0 4px 4px 0; background-color:#fff}
.shoproku-sticky-widget .close .text div {padding:3px 0 0 0; color:#333; font-size:9px; text-transform:uppercase}
 
.shoproku-sticky-widget:hover {right:0}
.shoproku-sticky-widget:hover .close .cross {width:28px}
 
.shoproku-sticky-widget .close:hover .text {text-decoration:underline}
 
@media only screen and (max-width:480px) {
	.shoproku-sticky-widget{top:300px}	
}