.attachment-component {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    padding: 8px 8px 8px 12px;
    border: 1px solid rgba(255, 200, 61, 0.4);
    border-radius: var(--sc-radius);
    background: var(--sc-gold-soft);
    color: var(--sc-gold);
    font-family: var(--sc-font-display);
    font-size: 16px;
    font-weight: 600;
}

.attachment-component span {
    flex: 1;
}

.attachment-component img.skanimal-sprite {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.attachment-component .btn {
    min-height: 36px;
    padding: 0 8px;
    color: var(--sc-text-muted);
    font-size: 22px;
}

/* Paperclip inside the message box */
.attach-icon {
    position: absolute;
    right: 22px;
    bottom: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--sc-primary-soft);
    color: var(--sc-primary);
    font-size: 20px;
    cursor: pointer;
}