.print-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #006c6e;
    border: none;
    padding: 0;
    cursor: pointer;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    position: absolute !important;
    right:5%;
    top:10%;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.print-btn svg {
    width: 22px;
    height: 22px;
    fill: #fff;
    pointer-events: none;
}

/* hover / focus */
.print-btn:hover,
.print-btn:focus {
    background-color: #008486;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    outline: none;
}

/* tooltip */
.print-btn::after {
    content: "Print/Drukuj";
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);

    background: #333;
    color: #fff;
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 4px;
    white-space: nowrap;

    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* strzałka tooltippa */
.print-btn::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);

    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;

    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* pokazanie hintu */
.print-btn:hover::after,
.print-btn:hover::before,
.print-btn:focus::after,
.print-btn:focus::before {
    opacity: 1;
}

/* ukryj przycisk na wydruku */
@media print {
    .print-btn {
        display: none;
    }
}