.my-btn { padding: .5rem 1rem; border-radius: 1rem 1rem 1rem 0; background-color: var(--first); font-size: calc(30px * .725); font-weight: 700; color: var(--bs-body-color) !important; text-decoration: none; display: inline-flex; }

.my-btn.break { flex-direction: column; }

.my-btn.break > span { font-size: 1rem; }

.my-btn.mini { padding: .25rem .75rem; font-size: calc(20px * .725); }

.text-muted,
span.my-btn { cursor: not-allowed; user-select: none; opacity: .375; filter: grayscale(1); }

.my-btn > svg { width: 41px; height: 41px; }

.my-link { font-size: calc(30px * .725); font-weight: 700; color: var(--bs-body-color) !important; text-decoration: none; display: inline-flex; }

.my-btn.bg-second { background-color: var(--second) !important; }

.my-link.text-second { color: var(--second) !important; }

.my-btn:not(span):hover,
.my-btn:not(span):focus { background-color: var(--chrobry) !important; }

.my-link:hover,
.my-link:focus { text-decoration: underline; }

@media (min-width: 576px) {
    .my-btn { font-size: 30px; }
    .my-btn.mini { font-size: 20px; }
    .my-link { font-size: 30px; }
}