.btn-custom {
    width: 25vw;
    height: 50vh;
    border: 2px solid #007bff;
    background-color: transparent;
    color: #007bff;
    font-size: 1.5rem;

    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.btn-custom:hover {
    background-color: #007bff;
    color: white;
    border-color: white;
}

.btn-custom-small {
    width: 25vw;
    height: 25vh;
    border: 2px solid #007bff;
    background-color: transparent;
    color: #007bff;
    font-size: 1.5rem;

    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.btn-custom-small:hover {
    background-color: #007bff;
    color: white;
    border-color: white;
}

.sticky-note-yellow {
    background-color: #fffae6;
    border: 0 !important;
    border-left: 4px solid #ffd700 !important;
    padding: 10px;
    border-radius: 5px;
}

.sticky-note-blue {
    background-color: #e6f7ff;
    border-left: 4px solid #007bff;
    padding: 10px;
    border-radius: 5px;
}

.sticky-note-green {
    background-color: #e6ffe6;
    border-left: 4px solid #28a745;
    padding: 10px;
    border-radius: 5px;
}

.sticky-note-red {
    background-color: #ffe6e6;
    border-left: 4px solid #dc3545;
    padding: 10px;
    border-radius: 5px;
}

.sticky-note-purple {
    background-color: #f0e6ff;
    border-left: 4px solid #6f42c1;
    padding: 10px;
    border-radius: 5px;
}

.sticky-note-orange {
    background-color: #fff0e6;
    border-left: 4px solid #fd7e14;
    padding: 10px;
    border-radius: 5px;
}

.sticky-note-orange .badge {
    background-color: #fd7e14;
    color: black;
}