.copy-container {
     display: flex;
     align-items: center;
     border-radius: 8px;
     margin-bottom: 5px;
 }

 #email-text {
     font-size: 15px;
     font-weight: 500;
 }

 .btn-wrapper {
     margin-left:5px;
     position: relative;
     display: inline-block;
 }

 #copy-btn {
     border: none;
     padding: 6px 14px;
     border-radius: 6px;
     cursor: pointer;
     transition: background 0.2s;
 }

 #copy-btn:hover {
     background-color: #343a40;
 }

 .tooltip {
     position: absolute;
     bottom: 130%;
     left: 50%;
     transform: translateX(-50%) translateY(5px);
     background-color: #28a745;
     color: white;
     padding: 5px 10px;
     border-radius: 4px;
     font-size: 12px;
     white-space: nowrap;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.2s ease, transform 0.2s ease;
     pointer-events: none;
 }

 .tooltip::after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translateX(-50%);
     border-width: 5px;
     border-style: solid;
     border-color: #28a745 transparent transparent transparent;
 }

 .tooltip.show {
     opacity: 1;
     visibility: visible;
     transform: translateX(-50%) translateY(0);
 }

 .mail-provider {
    padding: 10px
 }