.printable {
    position: relative !important;
}

.print-btn {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 9;
    width: 42px;
    height: 42px;
    transition: opacity 0.3s ease, transform 0.3s ease;

}

.print-btn svg {
    width: 100%;
    height: auto;
    fill: #0079c1;
    cursor: pointer;
    transition: fill 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}

@media (hover: hover) {
    .print-btn:hover {
        transform: scale(1.1);
    }
}

.print-btn:active {
    transform: scale(0.9);
}

.print-btn.capturing {
    opacity: 0;
    visibility: hidden;
}

@media all and (max-width: 768px) {
    .print-btn {
        width: 36px;
        height: 36px;
        top: -32px;
        right: 20px;
    }
}

@media print {
    .print-btn {
        display: none;
    }
}